bootstrap笔记

作者: 727上上上 | 来源:发表于2017-12-28 15:14 被阅读0次

官方文档
中文文档

笔记版本为BS3 ,这是BS2重写后的版本,不在支持IE6;BS4目前还是测试版本
BS3的js强依赖于jQuery,如果没有jQuery,就会无法使用bs3的js文件
在中文文档里下载 用于生产环境的 Bootstrap
在index.html中引入,在js引入前需先引入jq
Bootstrap 需要为页面内容和栅格系统包裹一个 .container 容器
//固定布局,一般用于PC
<div class="container">
  ...
</div>

-------
//流动布局,一般用于手机
<div class="container-fluid">
  ...
</div>
    <div class="container">
        <div class="row">//必须要这个,因为有个负的margin,可以让col更宽
            <div class="col-md-1">.col-md-1</div>
        </div>
    </div>
只用div是因为其他标签都有默认样式,而div没有
class="col-**-offset-*" 列偏移

xs 超小
sm 小
md中等 (一般是这个)
lg 超大
样式照抄就是了,其他的自己加style覆盖 加的时候最好加个包裹避免覆盖
how2j 基本样式

相关文章

  • Bootstrap学习资源

    bootstrap笔记总结 Bootstrap入门笔记之(三)栅格系统 我的Bootstrap笔记,常用类名知...

  • 『黑马程序员济南』JavaEE就业笔记串讲—BootStrap

    『黑马程序员济南』JavaEE就业笔记串讲—BootStrap BootStrap的概述 Ø什么是BootStra...

  • 快速掌握-bootstrap

    笔记-bootstrap 是什么 bootstrap 前端开发框架,可以快速的搭建 web 页面。 框架分为响应式...

  • Bootstrap Table笔记——1

    摘要:Bootstrap Table笔记。参考笔记:http://www.cnblogs.com/landeanf...

  • bootstrap笔记

    1、图片自适应 加类名 ;img-responsive; 2、按钮自适应 加类名:btn-block; 3、boo...

  • bootstrap笔记

    CSS全局样式 概览 移动设备优先 布局容器 1、container类用于固定宽度并支持响应式布局的容器 2、co...

  • Bootstrap笔记

    开关按钮 事件 手动设置状态$('#advanced-settings-switch').bootstrapSwi...

  • bootstrap笔记

    官方文档中文文档 笔记版本为BS3 ,这是BS2重写后的版本,不在支持IE6;BS4目前还是测试版本 BS3的js...

  • Bootstrap笔记

    Bootstrap will figure out how wide your screen is and res...

  • Bootstrap笔记

    ``` ```

网友评论

    本文标题:bootstrap笔记

    本文链接:https://www.haomeiwen.com/subject/eenmgxtx.html