Basic Bootstrap Second Example Program Page
Second Simple Example Program For Bootstrap :
In this below example will shows the simple bootstrap page with a responsive fixed with container,
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example Page</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
<h1>My Second Bootstrap Page</h1>
<p>some text.</p>
</div>
</body>
</html>
<html lang="en">
<head>
<title>Bootstrap Example Page</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
<h1>My Second Bootstrap Page</h1>
<p>some text.</p>
</div>
</body>
</html>
Output:
Copy the above code and save it as an .html extension
Run the .html extension file , the output will be showned in the browser.
Thanks for share Bootstrap 4 tutorial
ReplyDeleteThank You Vimal
ReplyDelete