Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
To set the active state for Bootstrap Buttons, use the .active class.The button will appear pressed as in the following codeExampleLive Demo Bootstrap Example The following are some buttons: Default Button Active Button
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-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
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 add size for buttons in Bootstrap, try the following classes:ClassDescription.btn-lgThis makes the button size large..btn-smThis makes the button size small..btn-xsThis makes the button size extra small..btn-blockThis creates block level buttons—those that span the full width of a parent.ExampleYou can try to run the following code to create a small button −Live Demo Bootstrap Example Small button
To create a button using the .btn-block class, you can try to run the following code −ExampleLive Demo Bootstrap Example The following are block level buttons: Block level Primary button Block level button
Use .radio-inline class to a series of radios for controls to appear on the same line. You can try to run the following code to implement the radio-inline class in Bootstrap −ExampleLive Demo Bootstrap Forms Best Porgraming Language Java C C++
Use .checkbox-inline class to a series of checkboxes for controls to appear on the same line. You can try to run the following code to implement the .checkbox-inline classExampleLive Demo Bootstrap Forms Best IDE (You can select more than one) NetBeans IDE Eclipse IDE