Bootstrapを入れてみた

2013.08.28

Drupal7でBootstrapのテーマをインストールすると、

画面が狭くなると現れるメニューボタンを押してもメニューが出ないという症状。

テーマのtemplatesのhtml.tpl.phpに

 

<!DOCTYPE html>
<html lang="<?php print $language->language; ?>">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <?php print $head; ?>
  <title><?php print $head_title; ?></title>
  <?php print $styles; ?>
  <link type="text/css" rel="stylesheet" href="/sites/all/themes/bootstrap/css/bootstrap.css" media="all" />
  <link type="text/css" rel="stylesheet" href="/sites/all/themes/bootstrap/css/bootstrap-responsive.css" media="all" />
  <?php print $scripts; ?>
<!--これを追記-->
  <script type="text/javascript" src="/sites/all/themes/bootstrap/js/bootstrap.js"></script> 
<!-- -->
  <!-- HTML5 element support for IE6-8 -->
  <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>
<body class="<?php print $classes; ?>" <?php print $attributes;?>>
  <?php print $page_top; ?>
  <?php print $page; ?>
  <?php print $page_bottom; ?>
</body>
</html>

bootstrap.jsを読み込ませることが必要。

しかしテーマの自動アップデートするとがbootstrap.js自体が消えるので注意。。。