Ruby on rails 3 推特引导中的利润_Ruby On Rails 3_Twitter Bootstrap

Ruby on rails 3 推特引导中的利润

ruby-on-rails-3 twitter-bootstrap

Ruby on rails 3 推特引导中的利润,ruby-on-rails-3,twitter-bootstrap,Ruby On Rails 3,Twitter Bootstrap,我对Bootstrap中的网格系统有一个问题。我似乎工作得很好，但“盒子”之间没有空白。例如，如果我有： <div class="column"> <div class="span11"> </div> <div class="span11"> </div> </div> 这很有效。但这两者之间没有空间。那么，我应该分配一个“id”并通过CSS代码自己编辑它吗？这样做对吗？例如： <d

我对Bootstrap中的网格系统有一个问题。我似乎工作得很好，但“盒子”之间没有空白。例如，如果我有：

<div class="column">

  <div class="span11"> 

  </div>

  <div class="span11">

  </div>

</div>

这很有效。但这两者之间没有空间。那么，我应该分配一个“id”并通过CSS代码自己编辑它吗？这样做对吗？例如：

<div class="column">

  <div id="box_1" class="span11"> 

  </div>

  <div id="box_2" class="span11">

  </div>

</div>

还有一件事，关于边框，颜色，我也这么做吗

谢谢

首先，twitter引导程序中没有.column，而是.row

如果需要左/右边距，请使用带偏移量1的跨距10

如果需要上/下边距，请创建一个新的.row并应用一个类，如.show grid

对于边框和颜色，将类用于泛型，将ID用于特定

您可以像这样在JSFIDLE上创建您的模型


.显示网格{
边缘底部：20px；
边缘顶部：10px；
}
.显示网格[class*=“span”]{
背景色：#EEEEEE；
边界半径：3px 3px 3px 3px；
线高：30px；
最小高度：30px；
文本对齐：居中；
}
呜呜呜呜
呜呜呜呜

首先，twitter引导程序中没有.column，而是.row

如果需要左/右边距，请使用带偏移量1的跨距10

如果需要上/下边距，请创建一个新的.row并应用一个类，如.show grid

对于边框和颜色，将类用于泛型，将ID用于特定

您可以像这样在JSFIDLE上创建您的模型


.显示网格{
边缘底部：20px；
边缘顶部：10px；
}
.显示网格[class*=“span”]{
背景色：#EEEEEE；
边界半径：3px 3px 3px 3px；
线高：30px；
最小高度：30px；
文本对齐：居中；
}
呜呜呜呜
呜呜呜呜

<!DOCTYPE html>
<html lang="en">
<head>
<link href="css/bootstrap.css" type="text/css" rel="stylesheet">
<style>
.show-grid {
margin-bottom: 20px;
margin-top: 10px;
}
.show-grid [class*="span"] {
background-color: #EEEEEE;
border-radius: 3px 3px 3px 3px;
line-height: 30px;
min-height: 30px;
text-align: center;
}
</style>
</head>
<body>
<div class="container">
<div class="row show-grid">
<div class="span10 offset1"> 
<p>bla bla bla</p>
</div>
</div>
<div class="row show-grid">
<div class="span10 offset1">
<p>bla bla bla</p>
</div>
</div>
</div>
</body> 
</html>