將twitter-bootstrap移植到zurb-foundation

我從一段時間以來一直在使用Twitter bootstrap作爲我的簡單blog，並且期待遷移到bootstrap3。不過，我也一直在閱讀關於Zurb基金會的一些非常好的東西，並希望在轉到bootstrap3之前先嚐試一下。將twitter-bootstrap移植到zurb-foundation

當談到客戶端技術時，我有點小氣，所以希望瞭解一些關於如何從bootstrap遷移到Foundation的指針。它會是一個簡單的遷移還是一個棘手的遷移？

希望得到這方面專家的一些無偏見的意見。

來源

2013-08-23 sanjeevonline

我不認爲這會是一個簡單的過程。您需要更改HTML的結構，類和標識。

例如，如果你想要一個下拉菜單，你會有這樣的事情。

<div class="dropdown"> 
    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown trigger</a> 
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> 
    ... 
    </ul> 
</div>

如果你想使用基金會，你需要將HTML更改爲這樣的東西。

<a href="#" data-dropdown="drop1">Has Dropdown</a> 
<ul id="drop1" class="f-dropdown" data-dropdown-content> 
    <li><a href="#">This is a link</a></li> 
    <li><a href="#">This is another</a></li> 
    <li><a href="#">Yet another</a></li> 
</ul>

很明顯，CSS會有所不同，但我想你會期望從遷移。我能想到的另一件事是，基金會使用Sass而不是像引導程序那樣少，所以如果你寫得少了，那就需要改成Sass。

希望這會有所幫助。

來源

2013-08-23 08:17:47 Will

如果有遷移指南，那將會很棒。我知道這不是一個完全機械化的過程，但是一套適用於其他人的映射和策略可以使這個過程變得更容易。我們即將進行遷移過程，因此我們可能會分享一些筆記。 –

我會堅持引導。重寫引導的樣式比基礎4更難 - 但文檔更好。

正如你從前面的答案中看到的那樣 - 遷移會非常痛苦。如果你想使用基金會，從頭開始更容易。基金會5可能會非常痛苦的設置。

我強烈建議你學會使用LESS和Bootstrap。（或者SASS/Compass for Foundation）。定製化比原始CSS要痛苦得多。

來源

2014-03-13 16:40:50 RioBrewster

將twitter-bootstrap移植到zurb-foundation

回答

相關問題