使用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中使用框架的提示。