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 7 of 45
Img-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 classExample Bootstrap Images Styling images with Bootstrap Original Image Image with Rounded Corners
Read MoreUsage 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 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 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 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 More