2013-07-30 70 views
1

我有一个流星集合到样式为引导一个车把模板看起来像这样的饲料数据:引导与流星数据多列

​​

我的main.html中文件包含:

<head> 
    <title>My Cool App</title> 
</head> 
<body> 
    {{> header}} 
    <div class="container-fluid fill-height no-padding"> 
    {{> meteorNotices}} 
    <div id="main" class="row row-fluid center"> 
     {{renderPage}} 
    </div> 
    </div> 
    {{> footer}} 
</body> 

下面是我对这个区块的样式:

.class-grid-item { 
    position: relative; 
    min-height: 190px !important; 
    .start-lesson { 
     position: absolute; 
     bottom: 10px; 
     right: 10px; 
     left: 10px; 
     margin: 0px; 
    } 
} 

.class-grid-item h3 { 
    line-height: 22px; 
} 

.class-grid-item h4 { 
    // margin-top: -16px; 
    border-top: 1px solid #ccc; 
    font-weight: lighter; 
} 

.margins-center { 
    margin-left: auto; 
    margin-right: auto; 
} 

我想有两列在页面中居中。我似乎无法让列成为一个有条不紊的网格。

任何人都可以帮忙吗?

在此先感谢!

回答

0
.margins-center .span4:nth-child(3n + 4) { 
    margin-left: 0px; 
} 

是允许网格布局的答案。