<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
crossorigin="anonymous">
This will fulfil your website basic requirements like layout, font style, background colour etc. Even you can display alert boxes. But to add a dismiss button to alert window we need some JavaScript functionality. This dependency on JavaScript we can add by including JQuery in our page.
<html>
<head>
<title>(Type a title for your page here)</title>
<META NAME="DESCRIPTION" CONTENT=" ">
<META NAME="KEYWORDS" CONTENT=" ">
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
crossorigin="anonymous">
</head>
<body >
<div class="alert alert-primary alert-dismissible fade show" role="alert">
<strong>Welcome to plus2net!</strong> Read here about web programming .
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
</body>
</html>
Application | Description |
Grid BS4 | Rows and columns layout management |
border BS4 | side borders and managing colours |
Alert BS4 | Different Classes with examples |
Breadcrumb bs4 | 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 |
<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;
}
<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
<div class='float-left'>I ma at left</div>
<div class='float-right'>I am at right...</div>
Output is here
I ma at left
I am at right...
<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>
JQuery Font Colour
Most Popular JQuery Scripts | |
1 | Two dependant list boxes |
2 | Calendar with Date Selection |
3 | Data change by Slider |
4 | Show & Hide element |