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 のナビが、画像を小さくした時に出現してしまう。