O'Reilly logo

Complete Bootstrap: Responsive Web Development with Bootstrap 4 by Ian Whitley, David Cochran, Bass Jobsen, Matt Lambert

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Setting up the basics of your design

We start modifying the result of Lesson 8, Bootstrapping Your Portfolio, and should end up with the basics, similar to that shown in the following screenshot:

Setting up the basics of your design

Note the following features:

  • A complex navbar that has seven main nav items, each with a drop-down menu
  • The first of the three columns is equipped with a carousel, followed by a heading, paragraph, and button
  • The second and third columns, which have headings, paragraphs, and Read more -> buttons
  • A footer that has the logo and social icons

You'll recognize elements we've already worked with in Lesson 8, Bootstrapping Your Portfolio. The carousel is now smaller—constrained ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required