Making custom navbars
The navigation bar, or navbar for short, is an important component used in many Bootstrap projects. In this recipe, you can read how to modify the navbar leveraging Sass.
Getting ready
First, read the Downloading and installing Bootstrap recipe of this chapter to find out how to download and install Bootstrap, enabling you to recompile the Bootstrap CSS code. You can edit the Bootstrap source files with a text editor.
How to do it...
The navbar component is an important part of Bootstrap used in many situation. The following steps will help you to customize it for your own needs and requirements:
- First, install Bootstrap as described in the Downloading and installing Bootstrap recipe of this chapter.
- Then, create an
index.htmlfile that contains the HTML code like that shown in the following:<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Making Custom Navbars</title> <meta name="...
