Bootstrap- Overview
v4.3 template:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>
Document introduced
In addition bootstrap.js and bootstrap.css , but also you need to import files dependent js popper.js and jQuery.js
Mobile end priority
bootstrap priority mobile terminal device, to ensure proper drawing and zoom touchscreen need to add viewport meta tag:
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
You can also add a user-scalable=no
ban users zoom to make the site more like native applications, but not suitable for all websites, as the case may be.
parameter | Explanation |
---|---|
width=device-width | Equal to the width of the device |
initial-scale=1 | Initializing a scale of 1 (i.e. no zoom) |
shrink-to-fit=no | Close adaptive width, compatible IOS |
minimum-scale | The minimum scale |
maximum-scale | The maximum zoom ratio |
user-scalable | Whether to allow the user zooms (minimum and / large scale conflict, provided only one) |
Enhancement of cross-browser
In order to enhance the consistency of cross-browser performance, we used Normalize.css , which is maintained by Nicolas Gallagher and Jonathan Neal a CSS reset style libraries.
The css file redefined the style of each html tags so that different devices have consistent performance