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>
            <form class="navbar-form navbar-left role="search">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search">
                <button type="submit" class="btn btn-primary">Submit Button</button>
            <button type="button" class="btn btn-danger navbar-btn">Navbar Button</button>

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



 Views: 9502 | Post Order: 40

Write for us

Hosting Recommendations