Bootstrap

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.
ApplicationDescription
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="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>

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...
Visitors Rating
Your Rating




Google+

Post Comment This is for short comments only. Use the forum for more discussions.







Most Popular JQuery Scripts

1

Two dependant list boxes

2

Calendar with Date Selection

3

Data change by Slider

4

Show & Hide element
HTML . MySQL. PHP. JavaScript. ASP. Photoshop. Articles. FORUM Contact us
©2000-2018 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer