使用Drupal的Twitter Bootstrap主題

在Drupal主題中獲得引導框架的力量

Bootstrap是一個非常流行的框架,由Twitter構建。 使用Drupal的Bootstrap主題,您可以獲得(並維護)Drupal網站的所有權力。 準備添加流暢的按鈕,樣式表單,jumbotrons等,直到您的網站運動一些金光閃閃!

什麼是Bootstrap框架?

Bootstrap框架是CSS和Javascript代碼的集合,使您可以輕鬆地為您的網站添加一長串漂亮和/或有用的東西。 該列表包括漂亮的按鈕,帶有“徽章”的列表,插入“井”等等。

除了金光閃閃,Bootstrap還包含了嚴肅的響應能力,幫助您設計一個網站,當您的老闆在手機上打開時,它不會完全破碎。

您不必自己編寫所有代碼,而是使用由Bootstrap指定的CSS類和HTML元素。 如果你想要一個漂亮的標籤,你可以添加類標籤。 喜歡這個:

看看這個美麗的標籤

Bootstrap框架與Drupal沒有關係。 您可以將它與任何不會因與jQuery(請參閱下文)聯繫而爆炸的CMS,或者甚至是靜態HTML網站使用。

什麼是Drupal的Bootstrap主題?

Drupal的Bootstrap主題使得在你的網站上使用Bootstrap變得更容易。 下載此主題並將其設置為默認值。

實際上,你可能想使用Bootstrap主題作為你自己的主題的基本主題。 儘管Bootstrap主題確實提供瞭如此廣泛的管理界面,您可以在沒有一行代碼的情況下對其進行滿意的定制。

Bootstrap依賴於jQuery Javascript庫。 您可能還需要安裝jQuery更新模塊以獲取所需的版本。 如果您網站上的任何其他模塊使用jQuery,請小心 - 它們可能不適用於新版本的jQuery。

你必須閱讀這個主題的文檔,並確保你不需要採取任何進一步的額外步驟。 但它仍然很容易。

你必須使用Bootstrap主題在Drupal中使用Bootstrap?

由於Bootstrap框架只是CSS和Javascript,因此不需要使用Bootstrap主題。 您可以手動下載Bootstrap庫並將其鏈接到主題模板上。

然而,Bootstrap主題已經為你完成了這個單調乏味的事情。 它還將各種Bootstrap功能集成到Drupal管理屏幕中。 如果你更喜歡點擊編碼,這個主題可以讓你的生活變得更容易。

選擇使用哪個版本的引導程序

在下載此主題之前,請閱讀項目頁面並確保您了解應該下載哪個版本。 不同的版本對應於不同版本的Bootstrap框架。

例如,Bootstrap 主題的7.x-2.2版本是支持Bootstrap 框架的2.3.2版本的最後一個版本。 在撰寫本文時,Bootstrap主題的穩定版本是7.x-3.0,它與Bootstrap 3一起使用。

請注意Bootstrap主題開發人員如何使用Bootstrap善意地協調他們的主要版本號 。 7.x-2.x版本用於Bootstrap 2,7.x-3.x版本用於Bootstrap 3。

Bootstrap 2和Bootstrap 3大多是類似的,但在閱讀框架文檔時要注意其差異。 在沒有意識到的情況下閱讀錯誤版本的文檔很容易。

儘管你可能想使用最新的穩定版本,但請注意,Bootstrap 3需要jQuery 1.9+,而Bootstrap 2只需要jQuery 1.7+。 如果使用jQuery 1.9將打破您網站上的關鍵模塊,那麼您現在可能必須使用Bootstrap 2。

在使用Bootstrap之前

Bootstrap可以為您節省大量的工作,並幫助您的網站閃耀。 但在將自己融入Bootstrap之前,請看看ZURB基金會的主題。 ZURB基金會是一個具有重要差異的類似框架。 就個人而言,我目前只使用了ZURB基金會,但我的研究表明,如果您喜歡Bootstrap“默認值”,Bootstrap會更好,但如果您計劃對您的主題進行嚴格的定制,則ZURB基金會會更好。 我當然發現ZURB基金會很喜歡定制。

即使您確定要使用Bootstrap,也不要錯過有關在Drupal中使用框架的提示。