Bootstrap基本使用 _Bootstrap基本使用？

Bootstrap基本使用

文章插图
【Bootstrap基本使用】Bootstrap是当前流行的前端框架。下面，我们来看看Bootstrap的基本使用吧。
Bootstrap基本使用？

文章插图
Bootstrap是当前流行的前端框架。下面，我们来看看Bootstrap的基本使用吧。
Bootstrap 使用

文章插图
其实自己写demo更多的时候都是手写css的，因为可以自己定制，自由控制且可以随便折腾，但有时候很多流水工厂式的样式写起来就太无趣了，所以还是用Bootstrap吧…… 首先新建一个Html页面，把Bootstrap的样式与脚本引用塞进去：这里有个问题，Bootstrap4.0以上是彻底不支持IE8以下的浏览器的，最新版已经把IE9抛弃了；= = 因为Bootstrap是JQuery依赖的，所以需要在脚本中引入JQuery，要注意的是，Bootstrap3.3.6版本以下是不支持JQuery3的，只能用JQuery2. 引入之后，在页面上插入container容器：在这里是使用container还是container-fluid，主要看页面需求，两者区别在于：container-fluid是一个全宽的容器，使用整个宽度，而container则相当于一个margin：auto；的响应式的静态宽度div盒子；两者的css设置：标题与导航栏都可以写在header里：在这里，导航使用nav标签创建的，Bootstrap里的导航条称为 navbar，navbar默认样式为白色，.navbar-inverse为颜色反白，可以得到黑色的导航条，需要其他颜色可以自己手动设置；在 .navbar-collapse 中写入导航栏，.nav表明该ul为一导航栏，各li为导航类目；.navbar-nav说明是用于 navbar 中的导航;在li中设置.active,可以在Javas