如何使用骨架/框架製作250x3列的佈局？

我現在正在學習響應式網頁設計，並陷入了困境。我的PSD模板有3列，每列寬度爲250像素。問題是zurb/skeleton框架沒有250px寬列的列寬。至250像素最接近的列都低於如何使用骨架/框架製作250x3列的佈局？

.container .three.columns { width: 160px; } 
.container .four.columns { width: 220px; } 
.container .five.columns { width: 280px; }

的那些我如何創建250分像素寬3列使用zurb /骨架？

來源

2014-01-13 Mixin

列寬度僅僅是容器的百分比，因此它們被總容器尺寸限定（在zurb至少我認爲）。您需要使用.four.columns（33.33％）三次，並將容器寬度更改爲750px編輯：對不起，我的意思是3 * .four列 – Melbourne2991

hmm ...將嘗試 – Mixin

這與基礎：

HTML：

<body> 
    <div class="container"> 
     <div class="row"> 
      <div class="large-4 columns"></div> 
      <div class="large-4 columns"></div> 
      <div class="large-4 columns"></div> 
     </div> 
    </div> 
</body>

CSS：

.container { 
    width:750px; 
}

來源

2014-01-13 15:53:46 Melbourne2991

如何使用骨架/框架製作250x3列的佈局？

回答

相關問題