- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Found 2418 Articles for HTML
![Arjun Thakur](https://www.tutorialspoint.com/assets/profiles/13574/profile/60_74441-1560315595.jpg)
145 Views
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
![Arjun Thakur](https://www.tutorialspoint.com/assets/profiles/13574/profile/60_74441-1560315595.jpg)
172 Views
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
![Samual Sam](https://www.tutorialspoint.com/assets/profiles/13514/profile/60_83486-1512649303.jpg)
264 Views
A select is used when you want to allow the user to pick from multiple options, but by default, it only allows one.Use for list options with which the user is familiar, such as states or numbers.Use multiple = "multiple" to allow the users to select more than one option.ExampleYou can try to run the following code to implement Bootstrap form selectLive Demo Bootstrap Example Country India Australia US
![Lakshmi Srinivas](https://www.tutorialspoint.com/assets/profiles/13528/profile/60_91717-1512651120.jpg)
300 Views
Bootstrap includes validation styles for errors, warnings, and success messages. To use, simply add the appropriate class (.has-warning, .has-error, or .has-success) to the parent element.ExampleYou can try to run the following code to implement the validation statesLive Demo Bootstrap Example Focused Disabled Disabled input (Fieldset disabled) Disabled select menu (Fieldset disabled) Disabled select Input with success Input with warning Input with error
![Arjun Thakur](https://www.tutorialspoint.com/assets/profiles/13574/profile/60_74441-1560315595.jpg)
1K+ Views
The Bootstrap Contextual Class allows you to change the background color of your table rows or individual cells.The following are the classes −ClassDescription.activeApplies the hover color to a particular row or cell.successIndicates a successful or positive action.warningIndicates a warning that might need attention.dangerIndicates a dangerous or potentially negative actionExampleThe following is an example of the active class −ExampleLive Demo Bootstrap Table Subject Marks Student Maths 90 Amit Science 80 Aman English 85 Rahul
![radhakrishna](https://www.tutorialspoint.com/assets/profiles/13544/profile/60_40618-1512640354.jpg)
105 Views
Use the grid-auto-flow property to include auto-placed items in the grid.ExampleYou can try to run the following code to implement the grid-auto-flow property with CSS −Live Demo .container { display: grid; grid-auto-columns: 50px; grid-auto-flow: column; grid-gap: 10px; background-color: red; padding: 10px; } .container>div { background-color: yellow; text-align: center; padding:10px 0; font-size: 20px; } 1 2 3 4 5 6