- 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 700 Articles for Bootstrap
414 Views
Use checkbox class if you want the user to select any number of options from a list. Use .checkbox-inline class to a series of checkboxes for controls appear on the same line.You can try to run the following code to implement Bootstrap form checkboxExampleLive Demo Try v1.2 Bootstrap Online Favourite Live Streaming Amazon Prime Hotstar
2K+ Views
To create a horizontal form in Bootstrap, follow the below steps − Add a class of .form-horizontal to the parent element. Wrap labels and controls in a with class .form-group. Add a class of .control-label to the labels.You can try to run the following code to create a horizontal form in Bootstrap −ExampleLive Demo Bootstrap Example First Name Last Name Remember me Sign in
2K+ Views
Using the .table-hover class, a light gray background will be added to rows while the cursor hovers over them.You can try to run the following code to implement the table-hover class −ExampleLive Demo Bootstrap Table Footballer Rank Footballer Rank Country Messi 1 Argentina Neymar 2 Brazil Ronaldo 3 Portugal
2K+ Views
To create a form where all of the elements are inline, left aligned and labels are alongside, add the class .form-inline to the tag.You can try to run the following code to create an inline form in Bootstrap −ExampleLive Demo Bootstrap Example Full Name File input Check me out Submit
84 Views
To indicate a successful action to a particular table row or cell with Bootstrap, use the .success class. You can try to run the following code to implement the .success class −ExampleLive Demo Bootstrap Table Subject Marks Type C 65 Programming Language PHP 92 Scripting Language jQuery 80 JavaScript Library
383 Views
To create a form in Bootstrap,Add a role form to the parent element.Wrap labels and controls in a with class .form-group. This is needed for optimum spacing.Add a class of .form-control to all textual , , and elements.You can try to run the following code to create a form −ExampleLive Demo Bootstrap Forms Full Name Subject File input Example block-level help text here. Notification about our products Submit
159 Views
The following are the form layouts provided by Bootstrap −Vertical formThe basic form structure comes with Bootstrap; individual form controls automatically receive some global styling.In-line formTo create a form where all of the elements are inline, left aligned and labels are alongside, add the class .form-inline to the tagHorizontal formHorizontal forms stand apart from the others not only in the amount of markup but also in the presentation of the form