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 40 of 45
Offset 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 MoreBootstrap class to emphasize text
HTML's default emphasis tags such as sets text at 85% the size of the parent, emphasizes a text with heavier font-weight, and emphasizes a text in italics.You can try to run the following code to an emphasis on text −Example Bootstrap emphasis tags This content is within tag This content is within tag This content is within tag and is rendered as italics Left aligned text. Center aligned text. Right aligned text. This content is muted This content carries a primary class This content carries a danger class
Read MoreBootstrap <abbr> element styling
Bootstrap styles elements with a light dotted border along the bottom and reveal the full text on hover.The HTML element provides markup for abbreviations or acronyms, such as NASA, HTTPS, ICC, etc.You can try to run the following to understand how Bootstrap styles the element −Example Bootstrap abbr styling NASA ICC
Read MoreBootstrap pull-right class
Use the default around any HTML text. You can also add a tag for identifying the source of the quote and right aligning the blockquote using class .pull-right:Example Bootstrap pull-right class This is a default blockquote example. This is a default blockquote example. This is a default blockquote example.This is a default blockquote example. This is a default blockquote example. This is a blockquote with a source title. Someone famous in Source Title This is a blockquote aligned to the right. Someone famous in Source Title
Read More