Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
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 imagesExampleLive Demo Bootstrap Images Styling images with Bootstrap
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 −ExampleLive Demo Bootstrap Example The following are some buttons: Default Button Active Button Disabled Button
Use the img-circle Bootstrap class to style your image and make it completely round.You can try to run the following code to make an image roundExampleLive Demo Bootstrap Images Styling images with Bootstrap Original Image Rounded Image
Use the img-rounded Bootstrap class to style your image and give it rounded corners:ExampleLive Demo Bootstrap Images Styling images with Bootstrap Original Image Rounded Image
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 imagesExampleLive Demo Bootstrap Images Styling images with Bootstrap Original Image Thumbnail Image
Use the generic close icon for dismissing content like models and alerts. Use the class close to getting the close icon.You can try to run the following code to implement a close Bootstrap classExampleLive Demo Bootstrap Example Close Icon: ×
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 −ExampleLive Demo Bootstrap Example Quick Float to left Quick Float to right
To create a Bootstrap Button, you can try to run the following buttonExampleLive Demo Bootstrap Example Result
The .btn-primary class provides extra visual weight and identifies the primary action in a set of buttons. To set primary action in Bootstrap button, you can try to run the following code −ExampleLive Demo Bootstrap Example Primary Button
To set a successful action in Bootstrap, use the .btn-success class −ExampleLive Demo Bootstrap Example Success Button