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 9 of 49
Add 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 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 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 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 Moresr-only Bootstrap class
Hide an element to all devices except screen readers with the class .sr-only.You can try to run the following code to implement the sr-only Bootstrap −Example Bootstrap Example Email address Password
Read MoreBootstrap class pull-right
Float an element to the right with class pull-right.You can try to run the following code to implement the pull-right classExample Bootstrap Example Float to right
Read MoreAlign Dropdown to the right with Bootstrap
To align dropdown to the right, add the class .pull-right to .dropdown-menu. You can try to run the following code to align dropdown to the rightExample Bootstrap Example Cars BMW Audi Hyundai Mitsubishi Nissan
Read MoreSet disabled state for Bootstrap Buttons
To set disabled state, use the disabled class.You can try to run the following code for the disabled state of a button −Example Bootstrap Example The following are some buttons: Default Button Disabled Button
Read MoreBootstrap btn-group class
Use the class .btn-group to create a button group.You can try to run the following code to implement the btn-group class −Example Bootstrap Example The following are the buttons: One Two
Read MoreImg-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 More