如何在boostrap 3.3.6中设计col？

时间：2016-06-01 06:24:15

标签： html twitter-bootstrap css3 web

如何使用Bootstrap 3.3.6设计此图像，那些是div CSS？我只是一个新的程序员，希望你能帮助我。

enter image description here

3 个答案:

答案 0 :(得分：2)

以下是使用div可以做的事情。 

<html>
	<head>
		<body>
			<div style="border:3px solid black; width:auto; padding:10px;">
				<div style="border:3px solid blue; width:auto; padding:10px; text-align:center;">
					<div style="width:100px; display:inline-block; border:3px solid pink; margin:10px; height:10px; padding:10px;">
					</div>
					<div style="width:100px; display:inline-block; border:3px solid green; margin:10px; height:10px; padding:10px;">
					</div>
				</div>
			</div>
		</body>
	</head>
<html>

为了让两个最里面的div并排浮动，我们使用display：inline-block;属性。

答案 1 :(得分：0)

使用它。这是一个引导代码。 

   <div class="container">
      <div class="row">
        <div class="col-md-6"></div>
        <div class="col-md-6"></div>
      </div>
    </div>

答案 2 :(得分：0)

您的结构应如下所示：

＆＃13;
＆＃13; 
<div class="container">
  <div class="row">
    <div class="div-1 col-md-12">
      <div class="div-2 col-md-12">
        <div class="div-3 col-md-6">
        </div>
        <div class="div-4 col-md-6">
        </div>
      </div>
    </div>
  </div>
</div>
＆＃13;
＆＃13;
＆＃13;

之后，css将发挥作用

相关问题
最新问题