bootstrap框架
2019-03-21 本文已影响152人
hello1998
1.菜鸟网站上面有关于bootstrap的详细教程cv
网址:http://www.runoob.com/bootstrap/bootstrap-carousel-plugin.html
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。
2.在bootstrap的起步里面找到页面的初始结构(需要引入的css和js等文件)
页面的初始化3.流动栅格式布局
Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。它包含了易于使用的预定义类,还有强大的mixin 用于生成更具语义的布局。
栅格系统用来描述设置当前子元素在指定屏幕下占据当前默认12等分的几等分
使用步骤:首先添加容器container(这个是有空隙的)或者container-fluid(这个是占据全屏)
然后在容器里面加row
在row里面添加子元素,设置栅格样式(值得注意的一点是:如果列里面再分栅格,在栅 格布局的列中如再想分栅格,一定不要再写container)
需要修改引用的样式的时候:不能在原文件里面修改,要在本页面的css文件里面直接覆盖掉
4.