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>

相关文章

Bootstrip HTML 查询搜索常用格式模版 &lt;form class=&...
如何在按钮上加红色数字 您可以使用Bootstrap的badge组件来在...
要让两个按钮左右排列,你可以使用 Bootstrap 的网格系统将它...
是的,可以将status设置为布尔类型,这样可以在前端使用复选...
前端工程师一般用的是Bootstrap的框架而不是样式,样式一般自...
起步导入:<linkrel="stylesheet"href="b...