bootstrap的使用

发布时间：2020-12-17 21:13:56 所属栏目：安全来源：网络整理

导读：1、经过指点和查资料终于知道了bootstrap是如何使用的，在官网上下载你自己需要的用的版本。 2、我们常见的用法就是把解压好的文件夹放到你的项目中用link src=“”引用你需要的文件 3、注意有的浏览器不知道怎么回事，不支持bootstrap里的css文件。 4、例：

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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!