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.
AlertDifferent Classes with examples
BreadcrumbDifferent Classes with examples
Font ColourTypes of font colour class & custome class
Background ColourBackground Colour classes
FormBootstrap Form types
LISTBootstrap List with link and badges
TableBootstrap Table width different style
Badges & LabelsBadges & Labels with code Generate using different style
PaginationBootstrap Pagination classes with database records display
TextboxGenerate Code for Textbox by changing size , width
WellContent with inset effect

adding your own style to bootstrap

Link your custome.css page like this inside your head section.
<link rel="stylesheet" href="">
<link rel="stylesheet" href="../dir_name/custome.css">
One sample custome.css page is here
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>

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...

Post your comments , suggestion , error , requirements etc here .

Most Popular JQuery Scripts


Two dependant list boxes


Calendar with Date Selection


Data change by Slider


Show & Hide element
We use cookies to improve your browsing experience. . Learn more
HTML MySQL PHP JavaScript ASP Photoshop Articles FORUM . Contact us
©2000-2019 All rights reserved worldwide Privacy Policy Disclaimer