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 7 of 49
Set active state for Bootstrap Buttons
To set the active state for Bootstrap Buttons, use the .active class.The button will appear pressed as in the following codeExample Bootstrap Example The following are some buttons: Default Button Active Button
Read MoreDisable a Bootstrap Button
When you disable a button, it will fade in color by 50%, and lose the gradient. Use disabled to disable any button.To disable a button, you can try to run the following code −Example Bootstrap Example The following are some buttons: Default Button Active Button Disabled Button
Read MoreAdd style to images with Bootstrap
The following classes are provided by Bootstrap to add style to images: .img-rounded − adds border-radius:6px to give the image rounded corners. .img-circle − makes the entire image round by adding border-radius:500px. .img-thumbnail − adds a bit of padding and a gray borderYou can try to run the following code to add style to imagesExample Bootstrap Images Styling images with Bootstrap
Read Moreimg-rounded Bootstrap class
Use the img-rounded Bootstrap class to style your image and give it rounded corners:Example Bootstrap Images Styling images with Bootstrap Original Image Rounded Image
Read MoreImage Thumbnail with Bootstrap
To add a thumbnail to the image, use the .img-thumbnail Bootstrap class.You can try to run the following code to add a thumbnail to imagesExample Bootstrap Images Styling images with Bootstrap Original Image Thumbnail Image
Read MoreBootstrap Helper Classes
The helper classes in Bootstrap include the pull-left,.pull-right, .center-block, and other classes.Let us see an example of .clearfix class −To clear the float of any element, use the .clearfix class −Example Bootstrap Example Quick Float to left Quick Float to right
Read MoreBootstrap class pull-left
Float an element to the left with class pull-left.You can try to run the following code to implement the pull-left class −Example Bootstrap Example Float to left
Read MoreClear the float of an element with Bootstrap
To clear the float of an element, use the .clearfix Bootstrap class.ExampleYou can try to run the following code to clear float of an element Bootstrap Example left right
Read MoreClearfix Bootstrap class
Use the .clearfix class to clear the float of any element in Bootstrap.ExampleYou can try to run the following code to implement the clearfix class: Bootstrap Example Quick Float to left Quick Float to right
Read MoreHide content with Bootstrap
To hide content with Bootstrap, use the .hidden class in Bootstrap. You can try to run the following code to hide content:Example Bootstrap Example Content is visible. Content is hidden.
Read More