引導與流星數據多列

我有一個流星集合到樣式爲引導一個車把模板看起來像這樣的飼料數據：引導與流星數據多列

我的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; 
}

我想有兩列在頁面中居中。我似乎無法讓列成爲一個有條不紊的網格。

任何人都可以幫忙嗎？

在此先感謝！

來源

2013-07-30 DigiLord

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

是允許網格佈局的答案。

來源

2013-07-30 22:11:11 DigiLord

引導與流星數據多列

回答

相關問題