<script> 标签放到页面底部的 </body> 标签之前。
bootstrap初始化文件加载
我们可以采取将bootstrap文件放在服务器本地加载，但这样会影响服务器性能和网速，因此我们可以选择使用CDN来提升加载速度，减少服务器资源的浪费。将引入 Bootstrap 样式表的
<link> 标签复制并粘贴到 <head> 中，并放在所有其他样式表之前。 <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">Bootstrap 是世界上最受欢迎的前端框架，用于构建响应式、移动设备优先的网站。快速了解 Bootstrap 、使用 BootCDN 以及熟悉初学者模板页面。想要快速地将 Bootstrap 应用到你的项目中吗？推荐使用 Bootstrap中文网 维护的 BootCDN 免费加速服务。以下是使用CDN来JS文件
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>bootstrap设计响应式网站前的设置
重要的全局样式和设置
Bootstrap 所使用的一些重要的全局样式和设置需要你在使用前务必了解，所有这些样式和设置都是以跨浏览器样式的标准化为目标的。下面让我们深入讲解。
HTML5 doctype
Bootstrap 要求设置 HTML5 doctype。如果没有这个设置，你会看到一些奇怪的、不完整的样式，但是只要添加了这个设置就不会出现任何错误了。<!doctype html> <html lang="en"> ... </html>
响应式 meta 标签
Bootstrap 本着 移动设备优先 的策略开发的，按照这一策略，我们优先为移动设备优化代码，然后根据每个组件的情况并利用 CSS 媒体查询（CSS media queries）技术为组件设置合适的样式。为了确保在所有设备上能够正确渲染并支持触控缩放，务必将设置 viewport 属性的 meta 标签添加到 <head> 中。如下所示。<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
盒模型
为了在 CSS 中更直观的设置尺寸，我们将全局的 box-sizing 值从 content-box 修改为 border-box。这就确保了 padding 不会影响元素最终的宽度计算，但是这可能会导致第三方组件出现问题，例如 Google 地图和 Google 定制搜索。在极少的情况下你需要重置 box-sizing 的值，请参考如下代码：
.selector-for-some-widget {
box-sizing: content-box;
}
Reboot
为了改善跨浏览器的渲染，我们使用 Reboot 修正跨浏览器和设备之间的不一致性，同时对常用的 HTML 元素设置统一的效果。以上就是青锋建站给大家分享的bootstrap需要加载的文件和初始化设置，青锋建站，提供专业的高品质建站服务，包括网站建设，SEO，网络营销，PHP开发，网站建设知名品牌，全国接单，为企业构建强有力的营销平台。
转载请注明来源网址：青锋建站-http://www.sjzphp.com/webdis/bootstrap.html
