day50_9_11 bootstarp使用

一。下载官网。

  https://www.bootcss.com/

  使用3版本

  https://www.bootcdn.cn/

  CDN搜索网址。

  配置代码:

    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

二。删格系统。

  Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。它包含了易于使用的预定义类。

  它将所有的div都设置成行式,在行中在用列作为其子元素。

  通过设置col中的padding来设置列与列之间的宽度。

  如果有多余的列就会换行。

猜你喜欢

转载自www.cnblogs.com/LZXlzmmddtm/p/11508515.html
今日推荐