2012-07-05 31 views
4

我需要設計一個日曆視圖,我想使用Twitter Bootstrap,因爲我習慣將它用於較小的項目。如何在Twitter Bootstrap中設計全屏日曆視圖?

但是,12列跨度系統似乎不適合創建日曆視圖。

所以,如果我有一個行是span12,我想創建一個子行,我需要7個均勻間隔的日曆框。我看不出我能做到這一點。

我想過只是創建一個span12,然後在裏面應用我自己的CSS。繞過Bootstrap系統。

有什麼建議嗎?

感謝

回答

6

你爲什麼不嘗試下載一個網僅,定製7列,自舉?你可能想網格系統佈局

這裏:http://twitter.github.com/bootstrap/customize.html

然後你只需在樣式表中創建的一些規則前添加自己的選擇,你應該有你自己7列網格。

對於流體網格,如果你需要它,只是要確保你有興趣的

  • @gridColumns

    @gridColumns*@fluidGridColumnWidth + (@gridColumns-1)*@fluidGridGutterWidth <= 100 
    

    的變量:欄

  • @gridColumnWidth數:寬度一個靜態列
  • @gridGutterWidth:靜態列之間的空間寬度
  • @fluidGridColumnWidth:一個液柱
  • @fluidGridGutterWidth的寬度:流體柱
  • 之間的空間的寬度

靜態容器的總寬度將作爲

@gridColumns*@gridColumnWidth + (@gridColumns-1)*@gridGutterWidth 

享受!