像素完美網格

我沒有太多關於twitter bootstrap的經驗，但有了這麼多好評，我決定將它用於我正在開發的一個新項目。像素完美網格

我想知道如何才能得到一個像素完美的網格與1170px寬度的這種新的bootstrap。你們如何處理這個問題？

我現在處於設計階段，我不能確保它能正常工作，當我用bootstrap構建它時，我發現的唯一問題是我無法獲得12個連列寬度爲1170px。

我的意思是網格不是像素完美的是，列是不均勻的，其中一些是比其他更寬。

讓我知道你們是否有任何建議來解決這個問題。

乾杯，泰雷茲

來源

2014-02-07 Thales Ribeiro

從一開始仔細閱讀引導的文檔。 Bootstrap 3- Grid

如果您已經閱讀然後嘗試

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Untitled Document</title> 
    <link href="assets/css/bootstrap.css" rel="stylesheet" media="screen" /> 
    </head> 

<body> 
    <div class="row"> 
    <div> 
    <div class="col-md-1" style="background-color:red; height:45px;"></div> 
    <div class="col-md-1" style="background-color:white; height:45px;"></div> 
    <div class="col-md-1" style="background-color:red; height:45px;"></div> 
    <div class="col-md-1" style="background-color:white; height:45px;"></div> 
    <div class="col-md-1" style="background-color:red; height:45px;"></div> 
    <div class="col-md-1" style="background-color:white; height:45px;"></div> 
    <div class="col-md-1" style="background-color:red; height:45px;"></div> 
    <div class="col-md-1" style="background-color:white; height:45px;"></div> 
    <div class="col-md-1" style="background-color:red; height:45px;"></div> 
    <div class="col-md-1" style="background-color:white; height:45px;"></div> 
    <div class="col-md-1" style="background-color:red; height:45px;"></div> 
    <div class="col-md-1" style="background-color:white; height:45px;"></div> 
    </div> 
</div> 



    <script src="assets/js/jquery.js"></script> 
    <script src="assets/js/bootstrap.js"></script> 
    <script src="assets/js/dropdown.js"></script> 
</body> 
</html>

如果你想完美的12個coloumns像素，那麼你必須與類「COL-MD-1」如上定義一個div 12次。

閱盡在引導入門3

來源

2014-02-07 11:00:42 Karthikeyan

嘗試使用在Photoshop X2尺寸設計，你擺脫0.5像素，並且如果需要的話可以視網膜資產輸出;）這是很容易的測試他們的工作太。

來源

2016-02-17 11:37:57

像素完美網格

回答

相關問題