最近このブログのテーマを一新しましたが、その際に Bootstrap を利用しました。 はてなブログで Bootstrap を利用するために、sass によるセレクタの継承、uncss による不必要なセレクタの除去と一手間かけたので、その方法を紹介します。 はてなブログのテーマで Bootstrap を使うために sass の extend を使う はてなブログのテーマは、基本的に用意された html に対して当てる css をカスタマイズすることが出来るだけです。 Bootstrap を利用する場合、通常だと Bootstrap で用意されたクラスを html の要素に振っていくこととなると思いますが、予め html が用意されているため、それが出来ません。 そこで、bootstrap-sass を利用して sass でテーマ css を作り、Bootstrap のクラスをはてなのデザイ
![bootstrap-sass でレスポンシブなはてなブログのテーマを作る - MANA-DOT](https://cdn-ak-scissors.b.st-hatena.com/image/square/a5e54a6fb1de71ef1ee21f2503bd097f90e47e93/height=288;version=1;width=512/http%3A%2F%2Fmanaten.net%2Fwp-content%2Fuploads%2F2014%2F05%2Fhatestrap.png)