adaptations in the nav bootstrap menu

0

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 ?

    
asked by anonymous 09.09.2015 / 21:23

1 answer

0

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.

    
09.09.2015 / 22:38