Bootstrap
adding your own style to bootstrap
Link your custome.css page like this inside your head section.
destination source:https://www.plus2net.com/jquery/bs.php
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.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" "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <link rel="stylesheet" "../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...
Related Article
destination source:https://www.plus2net.com/jquery/bs.php