Bootstrapの中身をhtmlに直接書く手順

@iwasaki 76views 更新:2015年10月26日

事情により外部のCSSを読み込まずにhtml内にcssを記述したい場合、以下の手順でやると便利です。

chromeでcssを抽出したいサイトを表示します。

chrome開発者ツールでcssファイルを表示します。

minify化されている場合は {} を使って展開してもいいかと思います。

抽出したCSSをhtmlファイルのヘッダーにコピーすればOKです。

<style type="text/css">  
<!-- 
//ここに記述
-->  
</style>  

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません