Bootstrap imporatant classes

Advantages of bootstrap

1.Using Bootstrap for web design provides a responsive grid system that automatically adjusts the responsive layout based on the screen size, ensuring your website looks great on various devices.
2.Bootstrap offers a wide range of pre-built components, such as navigation bars, forms, buttons, and more, saving you time and effort in coding from scratch.
3.Bootstrap's extensive customization options also allow you to personalize the appearance and style of your website.
4.Being open-source and free, Bootstrap provides a cost-effective solution for web designers.

Alert & Dismissable button

Success! This alert box could indicate a successful or positive action.

Important links

Improve readabilty free of resumes wordtune

Table

Id Name Collage Domain Company Location
001 mahesh cp supervisor EDR Nagpur
001 mahesh cp supervisor EDR Nagpur
001 mahesh cp supervisor EDR Nagpur
001 mahesh cp supervisor EDR Nagpur

Table-striped

Id Name Collage Domain Company Location
001 mahesh cp supervisor EDR Nagpur
001 mahesh cp supervisor EDR Nagpur
001 mahesh cp supervisor EDR Nagpur
001 mahesh cp supervisor EDR Nagpur

Table-Bordered

Id Name Collage Domain Company Location
001 mahesh cp supervisor EDR Nagpur

Table-hover

Id Name Collage Domain Company Location
001 mahesh cp supervisor EDR Nagpur

See the hover effect added by mouse over table

Table-dark

Id Name Collage Domain Company Location
001 mahesh cp supervisor EDR Nagpur

Table-borderless

Id Name Company Domain Salary
001 Prakash Cognizant PHP 3.7 LPA
002 Prasad TCS php 3 LPA
003 SHantanu Google Web Services 6.5 LPA
004 Vivek Amdocs Mysql 5.5 LPA
005 Kunal Persistent Salesforce 7.5 LPA

Contextual Classes Contextual classes can be used to color the whole table
.table-primary
.table-success
.table-danger
.table-info
.table-warning
.table-active
.table-secondary
.table-light
.table-dark

Id Name Company Domain Salary
001 Prakash Cognizant PHP 3.7 LPA
002 Prasad TCS php 3 LPA
003 SHantanu Google Web Services 6.5 LPA
004 Vivek Amdocs Mysql 5.5 LPA
005 Kunal Persistent Salesforce 7.5 LPA
006 Sagar SmartData Node.js 3 LPA
007 Shubham IBM Php Mysql 3.5 LPA
008 Ritesh Accenture Php 4.5 LPA
009 Sonam Zensar Javascript 5.5 LPA

Button

Log In

class="btn"

Log In

class="btn btn-danger"
class="btn btn-success"
class="btn btn-warning"

Log In

class="btn btn-outline-danger"
class="btn btn-outline-success"
class="btn btn-outline-warning"

Now we know Buttons are inline element, But when we add block, see ..It taking whole width

Log In

class="btn btn-outline-danger btn-block"
class="btn btn-outline-success btn-block"
class="btn btn-outline-warning btn-block"

To disable any button see-login button is disable (pointer not working also)

Log In