top button
Flag Notify
    Connect to us
      Facebook Login
      Site Registration Why to Join

Facebook Login
Site Registration

Which class make a set of buttons appear vertically stacked rather than horizontally in Bootstrap?

0 votes
58 views
Which class make a set of buttons appear vertically stacked rather than horizontally in Bootstrap?
posted Jun 30, 2017 by Sanam

Share this question
Facebook Share Button Twitter Share Button Google+ Share Button LinkedIn Share Button Multiple Social Share Button

1 Answer

0 votes

Button groups allow multiple buttons to be stacked together on a single line. .btn-group-vertical class make a set of buttons appear vertically stacked rather than horizontally.

Example

<div class = "btn-group-vertical">
   <button type = "button" class = "btn btn-default">Button 1</button>
   <button type = "button" class = "btn btn-default">Button 2</button>

   <div class = "btn-group-vertical">
      <button type = "button" class = "btn btn-default dropdown-toggle" data-toggle = "dropdown">
         Dropdown
         <span class = "caret"></span>
      </button>

      <ul class = "dropdown-menu">
         <li><a href = "#">Dropdown link 1</a></li>
         <li><a href = "#">Dropdown link 2</a></li>
      </ul>
   </div>

</div>

Preview

enter image description here

answer Jul 1, 2017 by Avijit Maity
Contact Us
+91 9880187415
sales@queryhome.net
support@queryhome.net
#280, 3rd floor, 5th Main
6th Sector, HSR Layout
Bangalore-560102
Karnataka INDIA.
QUERY HOME
...