How to install Bootstrap 4 Beta on Windows10 using CDN(content delivery network)
How to install Bootstrap 4 Beta on Windows 10 using CDN (Content Delivery net Work)
1-Write a simple html page template
2- ADD bootstrap.min.css file in head section
3- Add
jquery.min.js bootstrap.min.js and tether.min.js
files in body section before the body close tag.
4- Add following line in head section
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
===============================
instructor: Muhammad Aslam Khan Waqar
How to install YouTube Channel
---------------------------------------------------------------
Complete instruction.
How to install Bootstrap 4 Beta on Windows10 using
CDN(content delivery network)
1- Write a simple html page
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
2- ADD bootstrap.min.css file in head section
Add following code in head section
<link href="https://maxcdn.bootstrapcdn.com/boots..." rel="stylesheet" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
3- Add jquery.min.js bootstrap.min.js and tether.min.js files in body section
Add follwing code before closing body tag </body>
<script src="https://code.jquery.com/jquery-3.1.1...." integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/lib..." integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/boots..." integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
4. add following line in head section.
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
=======================================
Final Shape of page will be
==========================
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Start with Bootstrap 4 Beta</title>
<link href="https://maxcdn.bootstrapcdn.com/boots..." rel="stylesheet" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
</head>
<body>
<script src="https://code.jquery.com/jquery-3.1.1...." integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/lib..." integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/boots..." integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
</body>
</html>
<