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
CSS Framework Articles
Page 40 of 45
Stacked-to-horizontal Bootstrap Grid
The following is an example showing stacked-to-horizontal Bootstrap Grid −Example Bootstrap Example Heading One Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ...
Read MoreUsage of Bootstrap previous class to left align the links
Use the .previous class in Bootstrap to left align the links. You can try to run the following code to implement the .previous class −Example Bootstrap Example Answers ← Older Newer →
Read MoreBootstrap Grid for multiple devices
The following is an example showing the usage of Grid for multiple devices −Example Bootstrap Example Hello, world! Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut ...
Read MoreOffset Columns in Bootstrap
An offset is used to push columns over for more spacing. To use offsets on large displays, use the .col-md-offset-* classes. You can try to run the following code to learn how to work with offset columns in Bootstrap −Example Bootstrap Example Heading One This is demo text. This is demo text.
Read MoreNesting Columns in Bootstrap
To nest your content with the default grid, add a new .row and set of .col-md-* columns within an existing .col-md-* column. You can try to run the following code to learn how to implement nesting columns in Bootstrap −Example Bootstrap Example Heading Heading This is demo text. Heading This is demo text. This is box 1. This is box 2. This is box 3. This is box 4.
Read MoreBootstrap .pagination class
Use the .pagination class to get the pagination on your page.You can try to run the following code to implement the .pagination class −Example Bootstrap Example Coding Examples The following are the examples: « Code1 Code2 Code3 »
Read MoreBootstrap btn-toolbar class
Set Button Toolbar in Bootstrap using the btn-toolbar class.You can try to run the following code to implement the btn-toolbar class −Example Bootstrap Example MCA BCA MBA MS
Read MoreSet Column Ordering in Bootstrap
Write the columns in an order, and show them in another one. You can easily change the order of built-in grid columns with .col-md-push-* and .col-md-pull-*modifier classes where * range from 1 to 11.Example Bootstrap Example Heading Before Ordering I am on left I am on right After Ordering I was on left I was on right
Read MoreMake an image responsive with Bootstrap
To make an image responsive in Bootstrap, add a class .img-responsive to the tag. This class applies max-width: 100%; and height: auto; to the image so that it scales nicely to the parent element.The following is how you can simply make an image responsive −Example Bootstrap Example
Read MoreBootstrap lead class
The lead class in Bootstrap is used to add emphasis to a paragraph.You can try to run the following code to implement the lead class in Bootstrap −Example Bootstrap lead class Lead Example This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is an example paragraph demonstrating the use of lead body copy.
Read More