Bootstrap

What is Bootstrap?

It is a 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 boostrap framework and use or use CDN ( Content Delivery Network ) to integrate bootstrap to your web pages. It ads style and functionality to your pages by providing ready to use classes and scripts.
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...


plus2net.com



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







Most Popular JQuery Scripts

1

Two dependant list boxes

2

Calendar with Date Selection

3

Data change by Slider

4

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