引导基本网格

在试图了解响应的网页设计，我自学如何与引导设计。我创建了一个基本网格;网格的代码如下所示。

HTML：

<div class="row"> 
    <div class="span6 red01">span6</div> 
    <div class="span6 green01">span6</div> 
</div>

CSS：

body { padding: 0px; } 
.red01 { background: #ff0000; } 
.green01 { background: #00ff00; }

我可以看到我的网页上的两个div，但我的问题是他们是如何排列的。我想在我的笔记本电脑屏幕上水平排列它们。我已经试过摆弄这个，但不能让它工作。任何人都可以请借给他们的专长？

来源

2013-02-18 JaPerk14

'display：inline-block'或'float：left' will;使宽度'50％'，他们将占用每个空间的一半 – 2013-02-18 02:41:15

这没有帮助。两个跨度6是不是50％？ – JaPerk14 2013-02-18 02:45:26

@ JaPerk14 plz检查解决方案，让我知道如果你需要任何帮助 – Shail 2013-02-18 03:15:32

请检查该JSfiddle for you

看到的结果是这里Result of 2 col

<div class="container"> 
     <div class="row"> 
      <div class="span12"> 
      <h1>Bootstrap 12 col spanning full page</h1> 
    </div> 
      <div class="span6"> 
       <p> Paragraph test col1</p> 
     </div> 
     <div class="span6"> 
       <p> Paragraph test col2.</p> 
     </div> 
     </div> 
    </div>

.container class - >它的包装固定宽度，在bootstrap.css预定义。

.container-fluid - >这是流体包装

.row - >这个类是建立在含有列的列。每个新行都会根据需要创建一个用于布置列的新区域。

来源

2013-02-18 03:14:07 Shail

什么是容器类？我没有在文档中看到它。 – JaPerk14 2013-02-18 03:17:41

我也注意到你在彼此嵌套元素？你为什么做这个？ – JaPerk14 2013-02-18 03:24:57

@ JaPerk14我希望能回答你的问题 – Shail 2013-02-18 03:40:17

引导基本网格

回答

相关问题