I need to change the style of the bootstrap menu to fit my needs, and one of them would be to use the css Comes ready. would anyone have a tip or example? Would it only put nav dropdown
in class hover
?
I need to change the style of the bootstrap menu to fit my needs, and one of them would be to use the css Comes ready. would anyone have a tip or example? Would it only put nav dropdown
in class hover
?
When you download bootstrap you can change the part you want, but there is no need for it. On the site itself, you have a part for customization , where you can change the style , colors , sizes and what you need most.
But if these features all you need, or want to change something, you can just create a classe
and add the styles in it. After that, just call in your component.
Using your own suggestion about li : hover
, an example would look like this:
<!--Menu padrão -->
<div class="navbar navbar-default nav-links navbar-fixed-top style-menu">
<div class="container">
<a class="mini-navbar navbar-brand" href="/">
<img src="http://i.imgur.com/GAQSCtB.png"width="25"
alt="Driven Car Sales Logo"
class="img-rounded logo-nav mini-navbar" />
</a>
<ul class="nav navbar-nav">
<li class="active"><a href="#" >Used Cars</a></li>
<li><a href="#">Get Finance</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle"
data-toggle="dropdown">
About Driven<strong class="caret"></strong>
</a>
<ul class="dropdown-menu">
<li><a href="#">The Team</a></li>
<li><a href="#">Our Partners</a></li>
</ul>
</li>
</ul>
</div>
</div>
And to change li : hover
, just add your classe
to the desired style in your css
file:
.style-menu li:hover {
background: #000000;
}
Here you will find a working example
However, nothing prevents you from changing the styles you want. It will work normally. Just be careful not to "tidy up" one thing and "spoil" another.