您的位置：首页 > Web前端 > BootStrap

bootstrap的使用

2013-11-20 14:09 344 查看
转载于：ling811

1、经过指点和查资料终于知道了bootstrap是如何使用的，在官网上下载你自己需要的用的版本。

2、我们常见的用法就是把解压好的文件夹放到你的项目中用<link src=“”>引用你需要的文件

3、注意有的浏览器不知道怎么回事，不支持bootstrap里的css文件。

4、例：

       bootstrap中的span4和span8的例子：

[html] view
plaincopy

<head>  

  

  <link rel="stylesheet" href="./public/bootstrap/css/bootstrap-responsive.min.css">  

  

</head>  

<body>  

  <div class="container">  

    <div class="row-fluid">  

      <section class="span8">content</section>  

      <section class="span4">content</section>  

    </div>  

  </div>  

</body>  

  

  

<div class="row">    

  <div class="span4">123</div>    

  <div class="span8">111</div>    

</div>   

</head>  

   简单的嵌套例子：

[html] view
plaincopy

<div style="background:#00F" class="container">  

    <div style="background:#FC0" class="container-fluid">  

        <div class="row-fluid">  

            222  

            <div style="background:#FF0" class="span4">  

            span4  

                <div style="background:#9FF" class="container-fluid">  

                111  

                    <div style="background:#0F0" class="row-fluid">  

                        222  

                        <div style="background:#00F" class="span1">  

                            span1  

                        </div>  

                        <div style="background:#CCC" class="span7">  

                        span7  

                            <div style="background:#96F" class="container-fluid">  

                                111  

                            </div>  

                        </div>  

                    </div>  

                </div>  

            </div>  

            <div style="background:#0F0" class="span5">span5</div>  

        </div>  

    </div>  

  </div>  
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  bootstrap
相关文章推荐
新的分享
章节导航