bootstrap的使用_bootstrap3怎么在eclipse中使用-CSDN博客

本文链接：https://blog.csdn.net/ling811/article/details/16821221

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>