Bootswatch3 がなぜか適用されなかったので対応した

Bootswatchとは

Twitter Bootstrap のデザインをさくっと変更できるテーマ群
Twitter Bootstrap3がリリースされて、Bootswatchも3になってます。
http://getbootstrap.com/
http://bootswatch.com/

適応方法

Easy to Install

Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values.
Twitter Bootstrap

⇒つまり、CSSファイルを上書きすれば万事解決だよって話。

が…

適応されない。

原因

bootstrap-themeを読み込んでいるため。

対応前

1
2
3

  <!-- Bootstrap core CSS -->
  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/bootstrap-theme.min.css">

対応後

1
2
3

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="./css/bootstrap.min.css">
<!--    <link rel="stylesheet" href="./css/bootstrap-theme.min.css"> -->

ってことで、

bootstrap-themeには気をつけろってことで。
おっしゃーしたー