额外区块类型 (EBT) - 全新的布局构建器体验❗
滚动
7.4. 在 Drupal 上使用 Bootstrap 主题准备网站的移动版本。
17/10/2025, by Ivan
Menu
- 使用 Lando 安装 Drupal
- 1. Drupal:基本功能(Basic Features)
- 2. Drupal:配置(Configuration)
- 3. Drupal:网站构建
- 4. Drupal Commerce —— Drupal 的在线商店模块
- 5. Drupal 与 SEO
- 6. Drupal:主题开发
-
7. Drupal:高级主题开发。
- 7.1. Drupal 8 主题构建工具。
- 7.2. 基于 Bootstrap 创建主题,并通过 Gulp 编译 SASS。
- 7.3. 在 Drupal 中禁用缓存,并在模板中输出调试信息。
- 7.4. 在 Drupal 上使用 Bootstrap 主题准备网站的移动版本。
- 7.5. 使用 Bootstrap 栅格添加服务区块。
- 7.6. Drupal 的 Isotope 图片画廊。
- 7.7. Drupal 中的 YouTube 视频区块。
- 7.8. Drupal 中的 Twitter 区块。
- 7.9. 带有社交图标的 Drupal 区块。
- 7.10. Drupal 幻灯片展示。
- 7.11. Drupal Webform 反馈表单。
- 7.12. 网站页脚与像素级精确(Pixel Perfect)布局。
- 9. Drupal 模块开发
- 解耦式 Drupal:基于 Drupal 构建后端(Drupal Decoupled. Building Backend on Drupal)
- 旧文章
视频链接:
https://youtu.be/1_ApByBEr14
PSD 设计稿下载:
https://github.com/Drupalbook/bootstrap/raw/master/blueasy-freebie.zip
源码地址:
https://github.com/Drupalbook/bootstrap
Open Sans 字体:
https://fonts.google.com/specimen/Open+Sans?selection.family=Open+Sans:300,400,700&selection.subset=cyrillic
在本课结束时,我们将完成网站的页眉(header)部分。
桌面版效果:
移动版效果: