Bootstrap

1.概念:一个前端开发的框架,Bootstrap,来自Twitter,是目前很受欢迎的前端框架。Bootstrap是基于HTML,CSS,JavaScript的,他简介灵活,让web开发更加快捷

  *框架:一个半成品软件。我们开发人员直接可以使用这些样式和插件得到丰富的页面效果  

  *好处:

    1.定义了很多css样式和js插件。我们开发人员直接可以使用这些样式和插件得到丰富的页面效果。

    2.响应式布局:

      *同一套页面可以兼容不同分辨率的设备

      *实现:依赖于栅格系统,将一行平均分成12个格子,可以指定元素占几个格子

      *步骤:

        1.定义容器:相当于之前的table

          *容器分类:

            1.container:每一种设备宽度是不一样的

            2.container-fluid:每一种设备都是100%宽度

        2.定义行。相当于之前的tr   样式:row

        3.定义元素。指定该元素在不同的设备上,所占的格子数目。

  *注意事项:

    1.一行中如果格子数目超过12,则超出部分自动换行

    2.栅格类属性向上兼容

    3.如果真实设备宽度小于了设置栅格类属性的设备代码的最小值,默认会一个元素沾满一整行。

2.快速入门:

  1.下载Bootstrap。

  2.在项目中将这三个文件夹复制。

  3.创建html页面,引入必要的资源文件。

3.在文档中有一些格式可以直接拿来用(Carousel · Bootstrap v4 中文文档 v4.6 | Bootstrap 中文网 (bootcss.com))不做示例了

 

  

posted @ 2023-01-01 23:41  会秃头的小白  阅读(87)  评论(0)    收藏  举报