Movable Type6のEigerのテーマにbootstrapを使ってみる

  • 投稿日:
  • by
  • カテゴリ:

Movable Type6のEigerのテーマにbootstrapを使ってみる。

Rainier でなくて、Eigerでbootstrapを使いたいと思いためてしてみた。

HTMLヘッダーを変更。(これはBootstrap 3 1.0のテーマで変更されている部分をコピーして)
インデックスページや、その他で最後にスクリプトを読み込むことと

cssとjsのフォルダーを入れて、ついでにdist、fontsのフォルダーも入れた。これはBootstrap 3 1.0のテーマとbootstrapのサイトから拝借して。

bootstrap-theme.min.css
bootstrap.min.css これはcssのフォルダーにある
carousel.css
docs.min.js

docs.min.js。これは、carouselを動かすときに必要だったが、もしからしたら必要でないかも。

現在はこれで動いているが、もう少し洗練させて行くつもり。

テストサイトnewblog  http://multimedinfo.sakura.ne.jp/ts_winebar/newblog/

bootsrap のナビゲーションバーを設定する上で
これは、bootstrapとeigerのcssが絡み合っていると思われる問題。

1.文字の高さが合わない。どうしてだろう。

2. <nav role="navigation"></nav>で、
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">以下のbootstrapの設定を囲まないと
元のEiger のナビが、画像を小さくした時に出現してしまう。