INTRO:-
Bootstrap is an associate open supply toolkit for developing with hypertext mark-up language, CSS, and JS. Get started with Bootstrap, the world’s preferred framework for building responsive, mobile-first sites, with BootstrapCDN and a model starter page.
Download Bootstrap ↣ click here to download zip file
BootstrapCDN
➤ The folks over at StackPath gracefully offer CDN support for Bootstrap's CSS and JavaScript. simply use these BootstrapCDN links.
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
crossorigin="anonymous"></script>
Included in Bootstrap files
➤ Bootstrap is downloadable in 2 forms, at intervals that you will find the subsequent directories and files, logically grouping common resources and providing each compiled and minified variations.
jQuery required
Please note that each one of JavaScript plugins need jQuery to be enclosed, as shown within the starter template. Consult our bower.json to examine that versions of jQuery are supported.
Precompiled Bootstrap
➤ Once downloaded, unzip the compressed folder to ascertain the structure of (the compiled) Bootstrap. you will see one thing
like this:
bootstrap/
├── css/
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ ├── bootstrap.min.css.map
│ ├── bootstrap-theme.css
│ ├── bootstrap-theme.css.map
│ ├── bootstrap-theme.min.css
│ └── bootstrap-theme.min.css.map
├── js/
│ ├── bootstrap.js
│ └── bootstrap.min.js
└── fonts/
├── glyphicons-halflings-regular.eot
├── glyphicons-halflings-regular.svg
├── glyphicons-halflings-regular.ttf
├── glyphicons-halflings-regular.woff
└── glyphicons-halflings-regular.woff2
➤This is the foremost basic style of Bootstrap: precompiled files for fast drop-in usage in nearly any web project. we offer compiled CSS and JS (bootstrap.*), also as compiled and minified CSS and JS (bootstrap.min.*). CSS sourse maps (bootstrap.*.map) are accessible to be used with bound browsers' developer tools. Fonts from Glyphicons are enclosed, as is that the nonobligatory Bootstrap theme.
Bootstrap SourceCode
➤ The Bootstrap sourcecode transfer includes the precompiled CSS, JavaScript, and font assets, in conjunction with supply Less, JavaScript, and documentation. additional specifically, it includes the subsequent and more:
bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│ ├── css/
│ ├── js/
│ └── fonts/
└── docs/
└── examples/
➤ The less/, js /, and fonts/ are the sourcecode for our CSS, JS, and icon fonts (respectively). The dist/ folder includes everything listed within the precompiled transfer section on top of. The docs/ folder includes the sourcecode for our documentation, and examples/ of Bootstrap usage. on the far side that, the other enclosed file provides support for packages, license data, and development.
Basic Template
➤ Start with this basic markup language model, or modify these examples. They have a tendency to hope you may customise our templates and examples, adapting them to fit your desires.
Copy the markup language below to start operating with a nominal Bootstrap document
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<h1>Hello, world!</h1>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
</body>
</html>
Examples
➤ Build on the essential guide on top of with Bootstrap's several elements. They have a tendency to encourage you to customise and adapt Bootstrap to fit your individual project's wants.
➤ Get the sourcecode for each example below by downloading the Bootstrap repository. Examples is found within the docs/examples/ directory.
No comments:
Post a Comment