Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Bootstrap: adding button group to navbar?

Is it easy enough to add a btn-group to navbar in bootstrap? btn is fine, but not so much so when btn-group/div.

like image 776
jayseattle Avatar asked May 28 '12 06:05

jayseattle


People also ask

What is the difference between button and button Group in Bootstrap?

“Button Groups” in Bootstrap is a class of name “btn-group” which is used to create series of buttons in groups (without spaces) vertically or horizontally. This is the basic syntax of the button group class where each button has its own class of “btn”.

How do I make two buttons side by side in Bootstrap?

You can use an out div with a class btn-group . This helps to align the buttons horizontally. Using col-md-6 for each button div can make the buttons missaligned with unwanted space in between.

How do I make two buttons in one line in Bootstrap?

Use the . btn-group class in Bootstrap to group buttons on a single like.

How multiple buttons can be created at once in Bootstrap?

Instead of applying button sizing classes to every button in a group, just add .btn-group-* to each .btn-group , including each one when nesting multiple groups.


1 Answers

In Bootstrap3, you can add a navbar-btn class to your buttons to have them vertical-align, even in a btn-group.

http://getbootstrap.com/components/#navbar-buttons

like image 96
Nthalk Avatar answered Oct 14 '22 02:10

Nthalk