Bootstrap子主题从2.x迁移到3.0

这些空白是为主题使用者分享任何可帮助他人在Bootstrap 子主题从7.x-2.x迁移到7.x-3.0的技巧而留,也可认为这是对Bootstrap 3 迁移向导的补充。 如果你没有在Bootstrap主题模板或CSS中做太多覆写更改,你无需做这些工作。

bootstrap 7.x-3.0版本说明:

"因为为了使基主题更成熟,(包括升级到Bootstrap 3),强烈推荐在升级之前阅读全部文档,此文档既可在模块代码中也可在Drupal维基页面: Bootstrap 文档 中找到,这个没有具体的升级路径且如果子主题做了大量覆写更改需要手动转换。但是,很多定制的实现(不是Bootstrap或具体的Drupal)仍然需要保存不变。"

模板

导航条结构 (page.tpl.php)

2.x:

<header id="navbar" role="banner" class="navbar navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <!-- button -->
      <!-- logo -->
      <!-- site name -->
      <div class="nav-collapse collapse">
        <!-- // etc -->
      </div>
    </div>
  </div>
</header>

3.0:

<header id="navbar" role="banner" class="<?php print $navbar_classes; ?>">
  <div class="container">
    <div class="navbar-header">
      <!-- button -->
      <!-- logo -->
      <!-- site name -->
    </div>
    <div class="nav-collapse collapse">
      <!-- // etc -->
    </div>
  </div>
</header>
$logo 输出 (page.tpl.php)

2.x:

<?php if (!empty($logo)): ?>
  <a class="logo pull-left" href="https://cn4jd.com/%3C?php_print_%24front_page%3B_%3F%3E" title="<?php print t('Home'); ?>">
    <img src="https://cn4jd.com/%3C?php_print_%24logo%3B_%3F%3E" alt="<?php print t('Home'); ?>" />
  </a>
<?php endif; ?>

3.0:

<?php if ($logo): ?>
<a class="logo navbar-btn pull-left" href="https://cn4jd.com/%3C?php_print_%24front_page%3B_%3F%3E" title="<?php print t('Home'); ?>">
  <img src="https://cn4jd.com/%3C?php_print_%24logo%3B_%3F%3E" alt="<?php print t('Home'); ?>" />
</a>
<?php endif; ?>
$site_name 输出 (page.tpl.php)

2.x:

<?php if (!empty($site_name)): ?>
  <h1 id="site-name">
    <a href="https://cn4jd.com/%3C?php_print_%24front_page%3B_%3F%3E" title="<?php print t('Home'); ?>" class="brand"><?php print $site_name; ?></a>
  </h1>
<?php endif; ?>

3.0:

<?php if (!empty($site_name)): ?>
<a class="name navbar-brand" href="https://cn4jd.com/%3C?php_print_%24front_page%3B_%3F%3E" title="<?php print t('Home'); ?>"><?php print $site_name; ?></a>
<?php endif; ?>
.btn-navbar (page.tpl.php)

2.x:

<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
</a>

3.0:

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  <span class="sr-only">Toggle navigation</span>
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
</button>
栏/列css类 (page.tpl.php)

2.x:

<section class="<?php print _bootstrap_content_span($columns); ?>">
  <!-- // etc -->
</section>

3.0:

<section<?php print $content_column_class; ?>>
  <!-- // etc -->
</section>

注意

新菜单主题外层
3.0 为主、次菜单添加了新的主题外层函数: bootstrap_menu_tree__primary()bootstrap_menu_tree__secondary(),这里新添加了.navbar-nav 的类到菜单外层。如果你在page.tpl.php中覆写了默认的菜单输出,(例如,你使用系统的"Main menu(主菜单)"区块来代替), 为了能够添加.navbar-nav 的类,需要添加你自己的主题外层函数到template.php。
<button> 元素
此更新将所有 <input type="submit"> 元素变为 <button>,注意这将影响到Admin模块中工具栏的按钮。

添加新评论