微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

bootstrap的使用

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

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

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

4、例:

       bootstrap中的span4和span8的例子:

<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>

   简单的嵌套例子:

<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>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐