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
CSS Framework Articles
Page 3 of 45
Caret Bootstrap class
Use carets to indicate dropdown functionality and direction. To get this functionality use the class caret with a element.You can try to run the following code to implement caret Bootstrap classExample Bootstrap Example Caret Example
Read MoreBootstrap class input-group-xs
To make extra small input group, use the input-group-xs.You can try to run the following code to implement the input-group-xs class in Bootstrap −Example Bootstrap Example $
Read MoreBootstrap table-responsive class
Wrapping any .table in .table-responsive class, you will make the table scroll horizontally up to small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.To make a responsive table, you can try to run the following code −Example Bootstrap Table Subject Marks Student Programming 90 Amit Web Dev 92 Yuvraj Science 95 Sachin Economics 80 Tony
Read MoreIndicate a dangerous action to a particular table row or cell with Bootstrap
To indicate a dangerous action to a particular table row or cell with Bootstrap, use the .danger class. You can try to run the following code to implement the .danger class −Example Bootstrap Table Subject Marks Type Java 90 Programming Language PHP 92 Scrpting Language jQuery 80 JavaScript Library
Read MoreBootstrap form structure
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 −Example Bootstrap Forms Full Name Subject File input Example block-level help text here. Notification about our products Submit
Read MoreIndicate a successful action to a particular table row or cell with Bootstrap
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 −Example Bootstrap Table Subject Marks Type C 65 Programming Language PHP 92 Scripting Language jQuery 80 JavaScript Library
Read MoreBootstrap Inline Form
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 −Example Bootstrap Example Full Name File input Check me out Submit
Read MoreBootstrap table-hover class
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 −Example Bootstrap Table Footballer Rank Footballer Rank Country Messi 1 Argentina Neymar 2 Brazil Ronaldo 3 Portugal
Read MoreBootstrap warning Contextual class
The Bootstrap warning contextual class indicates a warning action.You can try to run the following code to implement the .warning classExample Bootstrap Table Subject Marks Student Programming 90 Amit Web Dev 92 Yuvraj Science 95 Sachin
Read MoreBootstrap Form CheckBox
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 checkboxExample Try v1.2 Bootstrap Online Favourite Live Streaming Amazon Prime Hotstar
Read More