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

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

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

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

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

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

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