网站如何正确引入bootstrap框架
本课程视频是VIP会员课程,学习请进入VIP学习区。
bootstrap框架是一个特别好用的前端框架,我们在自己建网站时,可以使用bootstrap框架与HTML结合,制作出更多大气的自适应前端界面。
下面讲一下自己的网站如何正确引入bootstrap框架的方法。(相关教程:Bootstrap视频教程)
方法/步骤
- 在</head>标签上面放上以下的代码,用于引入bootstrap自带的CSS样式;
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> - 在</body>标签上面放上以下的代码,用于引入JQUERY和bootstrap的JS插件;
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> - 很简单,通过以上二步就可以正确引入bootstrap框架,就可以使用bootstrap框架创建网站了。