Bootstrap > Navbar

Buttons in navbar in Bootstrap

How to create buttons in navbar using Bootstrap?


Buttons in navbar

We can create buttons in the navbar

 <h2>Buttons in  Navbar</h2>
    <nav class="navbar navbar-default" role="navigation">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">TechFunda</a>
        </div>
        <div>
            <form class="navbar-form navbar-left role="search">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search">
                </div>
                <button type="submit" class="btn btn-primary">Submit Button</button>
            </form>
            <button type="button" class="btn btn-danger navbar-btn">Navbar Button</button>
        </div>
    </nav>

In the above code snippet we have defined creating buttons in navbar we have class as form in the navbar to create buttons with primary and danger contextual colors

output

 

 Views: 427 | Post Order: 39



Write for us