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
Web Development Articles
Page 718 of 801
Bootstrap well-lg class
Change the size of well using the optional classes such as, well-lg or well-lg. These classes are used in conjunction with .well class.You can try to run the following code to implement well-lg class in Bootstrap −Example Bootstrap Example This has more space! This has less space!
Read MoreDisplay text inside an element in a smaller font size with Bootstrap
Use the .initialism class in Bootstrap to show text inside an element. This allows setting smaller font size in Bootstrap −Example Bootstrap Example Cricket The ICC governs cricket boards. The ICC was founded as the Imperial Cricket Conference in 1909 Above the ICC abbreviation text is displayed with a smaller font.
Read MoreCreate a padded grey box with rounded corners in Bootstrap
Use the .jumbotron class to create a padded grey box with rounded corners.You can try to run the following code to implement .jumbotron class in Bootstrap.Example Bootstrap Example Welcome to my website. This is demo text. More
Read MoreAdd Red label with Bootstrap
Use .label-danger class in Bootstrap to add red colored label.You can try to run the following code to implement the .label-danger class −Example Bootstrap Example If you find any issues, click below Danger
Read MoreAdd green label (stating success) with Bootstrap
Use .label-success class in Bootstrap to add green label.You can try to run the following code to implement the .label-success class −Example Bootstrap Example Success label Success
Read MoreIncrease the font size of a paragraph with Bootstrap
Use the .lead class in Bootstrap to increase the font size of a paragraph.You can try to run the following code to implement lead class −Example Bootstrap Example Football FIFA The 2018 FIFA World Cup is the 21st FIFA World Cup. FIFA, 2018 is going on in Russia.
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 MoreBootstrap Horizontal Form
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 −Example Bootstrap Example First Name Last Name Remember me Sign in
Read MoreCreate a bordered list group in Bootstrap
Use the .list-group class in Bootstrap to create a bordered list group.You can try to run the following code to implement .list-group class −Example Bootstrap Example Countries US India Netherlands Germany
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 More