What is Bootstrap?
It is an HTML, CSS , JavaScript framework used for creating a website.
Where it is used ?
It is a free & used as a front end tool for mobile friendly design. You can download and use or use CDN ( Content Delivery Network ) to integrate bootstrap to your design.
Application Description
Alert Different Classes with examples
Breadcrumb Different Classes with examples
Font Colour Types of font colour class & custome class
Background Colour Background Colour classes
Form Bootstrap Form types
LIST Bootstrap List with link and badges
Table Bootstrap Table width different style
Badges & Labels Badges & Labels with code Generate using different style
Pagination Bootstrap Pagination classes with database records display
Textbox Generate Code for Textbox by changing size , width
Well Content with inset effect
adding your own style to bootstrap
Link your custome.css page like this inside your head section.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="../dir_name/custome.css">
One sample custome.css page is here
.text-danger1{
color: #FF1414;
}
Alignment Text
<p class='text-right'>Right aligned </p>
<p class='text-left'>Left aligned </p>
<p class='text-center'>Center aligned</p>
<p class='text-justify'>Justified</p>
<p class='text-nowrap'>No wrap text.</p>
I am Right aligned
I am at Left
I am at center
Alignment of Button
<div class=text-left><button type='button' class='btn btn-primary'>Left</button></div>
<div class=text-right><button type='button' class='btn'>Right</button></div>
<div class=text-center><button type='button' class='btn btn-info'>Center</button></div>
Left
Right
Center
using pull-right or pull-left
<div class='pull-left'>I ma at left</div>
<div class='pull-right'>I am at right...</div>
Output is here
I ma at left
I am at right...