Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Bootstrap Articles
Page 10 of 49
Usage of Bootstrap .btn-group-* class
To learn the usage of .btn-group-* class, you can try to run the following code:Example Bootstrap Example One Two Three Four Five Six
Read MoreVertical Buttongroup with Bootstrap
The btn-group-vertical class makes a set of buttons appear vertically stacked rather than horizontally.You can try to run the following code to work with a vertical button groupExample Bootstrap Example BCA B.Tech Masters span class = "caret"> MCA MBA M.Tech M.COM
Read MoreAdd dropdown menu to buttons using Bootstrap
To add a dropdown to a button, simply wrap the button and dropdown menu in a .btn-group.You can try to run the following code to add dropdown menu to buttons −Example Bootstrap Example Default Action Another action Something else here Separated link Primary Action Another action Something else here Separated link
Read MoreUse dropdowns with any button size using Bootstrap
Use btn-large, .btn-sm, or .btn-xs class to use dropdowns with any button size.Let us see an example of btn-largeExample Bootstrap Example Default Action Another action Something else here Separated link
Read MoreNest button groups with Bootstrap
Nest button groups within another button group i.e, place a .btn-group within another .btn-group. This is done when you want dropdown menus mixed with a series of buttons.To nest button groups, you can try to run the following code −Example Bootstrap Example Rank Marks Subjects Maths Science English
Read MoreSet Menus to drop up with Bootstrap
Menus can also be built to drop up rather than down. To achieve this, simply add .dropup to the parent .btn-group container. You can try to run the following code set menus to drop up −Example Bootstrap Example Dropdown Subject Programming Web Dev Database Networking Dropup Subject Programming Web Dev Database Networking
Read MoreUsage of btn-xs Bootstrap class
Create an extra small button using the btn-xs Bootstrap class. You can try to run the following code to implement the btn-xs class:Example Bootstrap Example Subject Programming Web Dev Database Networking
Read MoreChange the size of Bootstrap input groups
Change the size of the input groups, by adding the relative form sizing classes like .input-group-lg, input-group-sm, input-group-xs to the .input-group itself.You can try to run the following code to change the size of input groups in Bootstrap:Example Bootstrap Example @ @ @
Read MoreBootstrap success Contextual class
The Bootstrap success contextual class indicates a successful or positive action.You can try to run the following code to implement the .success class −Example Bootstrap Table Subject Marks Student Maths 90 Amit Science 80 Aman English 85 Rahul
Read MoreSegment button dropdowns in Bootstrap input groups
To segment button dropdowns in input groups, use the same general style as the dropdown button, but add a primary action along with the dropdown as can be seen in the following example:Example Bootstrap Example Subject Toggle Dropdown Maths Science Course Toggle Dropdown BCA MCA
Read More