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
Articles on Trending Technologies
Technical articles with clear explanations and examples
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 codeExampleLive Demo Bootstrap Example The following are some buttons: Default Button Active 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 imagesExampleLive Demo Bootstrap Images Styling images with Bootstrap
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 −ExampleLive Demo Bootstrap Example The following are some buttons: Default Button Active Button Disabled Button
Read Moreimg-rounded Bootstrap class
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
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 imagesExampleLive Demo 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 −ExampleLive Demo Bootstrap Example Quick Float to left Quick Float to right
Read MoreAdd sizes for Bootstrap Buttons
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
Read MoreBootstrap .btn-block class
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
Read MoreBootstrap .radio-inline class
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++
Read MoreBootstrap .checkbox-inline class
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
Read More