Bootstrap CSS Component Navigation (NAV) _javascript tips

This example for you to share the bootstrap navigation of the specific code for your reference, the specific contents are as follows

Source code
. Nav {
 padding-left:0;
 margin-bottom:0;
 List-style:none
}
. Nav > li {
 position:relative;
 Display:block
}
. Nav > li > a {
 position:relative;
 Display:block;
 padding:10px 15px;
Nav > li > A:hover,
. Nav > li > A:focus {
 text-decoration:none;
 Background-color: #eee;
Nav > Li.disabled > a {
 color: #777;
}
. Nav > li.disabled > A:hover,
. Nav > li.disabled > A:focus {
 color: #777;
 Text-decoration:none;
 cursor:not-allowed;
 background-color:transparent;
}

Unlike the default. BTN style, the default. NAV style does not provide default navigation and must be done by attaching another style, such as. nav-tabs Style represents tab navigation.
nav nav-tabs nav-pills nav-stacked nav-justified navbar

1. tab navigation (NAV nav-tabs)
2. Capsule-Type tab navigation (Nav nav-pills)
3. Stacked Navigation (nav nav-pills nav-stacked)
4. Adaptive navigation (NAV nav-tabs/nav-pills nav-justified)
5. Level two navigation (Nav nav-tabs dropdown dropdown-menu)

examples see navigation. html

<! DOCTYPE html>  

The above is the entire content of this article, I hope to help you learn, but also hope that we support the cloud habitat community.