05.bootstrap

作者: 廖马儿 | 来源:发表于2017-08-30 11:15 被阅读15次

    1.bootstrap架构:

    架构的意思就是你需要用到的东西,事先布局好。等到需要调用的时候去调用。比如,我们要去布局,需要手工的去计算网页的宽高,bootstrap就有一套布局系统,我们只需要在网页开发的时候设置一定bootstrap需要用到的类,不需要手工去计算,和写css文件。BootStrap还允许我们去控制这个button的大小颜色等等。bootstrap包含了很多,我们经常需要用到的空间。表格表单,导航栏,交互等。选项卡。在元素上面使用相应的类。
    

    2.bootstrap的包含内容:

    1.css:bootstrap.css  和 bootstrap.min.css(核心)  
    

    min是其的压缩版本,体积要小一些。
    bootstrap-responsive.css 和 bootstrap-responsive.min.css 这个是包含了响应式的css样式。如果想要我们的样式是可以响应的,需要我们去加载这个样式。
    2.img:两张背景图片,一个是黑色版本的,一个是白色版的。
    3.js文件夹下面:
    包含的是js代码。

    3.想要在网页中使用bootstrap架构呢,只需要在网页中加载所需的样式表和js文件就可以了。
    <link href="..........bootstrap.css" rel="stylesheet" type="text/css"> // 链接样式表,如果是h5的docment,我们可以去掉type属性。

    4.bootstrap的js是基于jquery架构的。

    相关文章

      网友评论

        本文标题:05.bootstrap

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