css3前端h5,css,js

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.

上一篇下一篇

猜你喜欢

热点阅读