Skip to main content

使用适用于Drupal的Twitter Bootstrap主题

06.Bootstrap 表单使用1 (六月 2025)

06.Bootstrap 表单使用1 (六月 2025)
Anonim

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 Update模块以获取所需的版本。如果您站点上的任何其他模块使用jQuery,请注意 - 它们可能无法使用过于新版本的jQuery。

您必须阅读此主题的文档,并确保您不需要采取任何进一步的额外步骤。但它仍然很容易。

您是否必须使用Bootstrap主题在Drupal中使用Bootstrap?

因为Bootstrap框架只是CSS和Javascript,所以你没有 需要 使用Bootstrap主题。您可以手动下载Bootstrap库并在主题模板上链接到它。

但是,Bootstrap主题已经为你完成了这个乏味的工作。它还将各种Bootstrap功能集成到Drupal管理屏幕中。如果您更喜欢点击编码,这个主题可以让您的生活更轻松。

选择要使用的Bootstrap版本

在下载此主题之前,请阅读项目页面并确保您了解应下载的版本。不同的版本对应于不同版本的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。