2012-07-10 96 views
6

我即將開始一個非常大的前端構建項目,並可能在許多網站上重複使用相同的網格。我的團隊中的後端開發人員對Bootstrap和我們應該如何使用它充滿了狂言和狂言。我應該使用Bootstrap嗎?

我已經開始使用它,它非常好,但是我們的網格比Bootstrap更復雜。所以我鑽進了LESS文件並添加了一些我自己的規則並修改了響應式網格。我也可能需要在那裏更改和添加媒體查詢。

所以我的問題是,考慮到我不得不更改和定製Bootstrap相當多,是否最佳做法做到這一點或從頭開始創建我的網格/框架?

+1

我認爲這個問題太可能徵求意見而不是讓你成爲事實回答。 IMO我不會改變bootstrap CSS,而是添加我自己的覆蓋樣式的CSS。 Twitter Bootstrap提供的不僅僅是一個響應式網格,因此它取決於您要使用多少網格。這是你的項目,沒人在這裏可以知道它的複雜性。所以出於這個原因,我投票結束,因爲沒有建設性。 – 2012-07-10 10:30:21

+1

謝謝我的頭疼,我打算把你的和perikis的(下面的答案)重寫,但不改變bootstrap核心。我也會註釋掉varibales.less文件的任何部分,我不使用它來保持它的苗條。 – shrewdbeans 2012-07-12 08:11:26

回答

5

我建議你使用bootstrap並根據你的需要應用自定義。在我們的例子中,我們提供了一些額外的.less文件,並且@import它們在bootstrap.less中。我們使用一個變量,在variables.less下導入變量,一個用於類,在boostrap.less列表的末尾導入。這樣,你可以確保你可以覆蓋變量和類,並且包含你自己的,同時你仍然與未來的引導更新兼容

+0

感謝periklis,我認爲採取這種方法將起作用。我將在varibales.less文件中註釋掉我不需要的部分,然後將我自己的修改包含爲覆蓋。 – shrewdbeans 2012-07-12 08:09:47

+1

好的,但你不必評論任何東西,上面的方法只是工作 - 只是它會導致一個更大和多餘的CSS文件 – periklis 2012-07-12 08:46:03

1

首先檢查你有多少東西打造Twitter的引導與它相匹配你的框架。我認爲twitter bootstrap帶有響應式網格,因此您不必使用大量的東西+更少的是自定義您想要的方式。檢查http://twitter.github.com/bootstrap/less.html

如果沒有。的功能太多,然後考慮項目預算以及未來twitter引導如何有用。它會回答我猜的一切:)