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
CSS Framework Articles
Page 36 of 45
Use 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-largeExampleLive Demo 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 −ExampleLive Demo 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 −ExampleLive Demo Bootstrap Example Dropdown Subject Programming Web Dev Database Networking Dropup Subject Programming Web Dev Database Networking
Read MoreBootstrap btn-group-vertical class
The btn-group-vertical class make a set of buttons appear vertically stacked rather than horizontally.You can try to run the following code to implement btn-group-vertical class:ExampleLive Demo Bootstrap Example BCA B.Tech Masters MCA MBA M.Tech M.COM
Read MoreAlign Dropdown to the right with Bootstrap
To align dropdown to the right, add the class .pull-right to .dropdown-menu. You can try to run the following code to align dropdown to the rightExampleLive Demo Bootstrap Example Cars BMW Audi Hyundai Mitsubishi Nissan
Read MoreSet disabled state for Bootstrap Buttons
To set disabled state, use the disabled class.You can try to run the following code for the disabled state of a button −ExampleLive Demo Bootstrap Example The following are some buttons: Default Button Disabled Button
Read MoreCaret Bootstrap class
Use carets to indicate dropdown functionality and direction. To get this functionality use the class caret with a element.You can try to run the following code to implement caret Bootstrap classExampleLive Demo Bootstrap Example Caret Example
Read MoreImg-circle Bootstrap class
Use the img-circle Bootstrap class to style your image and make it completely round.You can try to run the following code to implement the img-circle classExampleLive Demo Bootstrap Images Styling images with Bootstrap Original Image Image with Rounded Corners
Read MoreBootstrap btn-group class
Use the class .btn-group to create a button group.You can try to run the following code to implement the btn-group class −ExampleLive Demo Bootstrap Example The following are the buttons: One Two
Read MoreUsage of Bootstrap .btn-group-* class
To learn the usage of .btn-group-* class, you can try to run the following code:ExampleLive Demo Bootstrap Example One Two Three Four Five Six
Read More