最近の更新

2013年11月13日水曜日

Bootstrap3.0.2を使えるようにする方法

【目的】
BloggerでBootstrap3.0.2を使えるようにします。
※併せて「JQuery2.0.3を使えるようにする方法」も実施しておく必要があります。



【手順1】
1.「テンプレートのHTMLの編集画面を開く方法」の手順でテンプレートのHTMLの編集画面を開きます。
2.</head>タグの前行に以下の行を入力。
<link href='//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css' rel='stylesheet' type='text/css'/>




【手順2】
1</body>タグの前行に以下の行を入力。
<script src='//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js' type='text/javascript'/>




【手順3】
1.<body>タグの後行に以下の行を入力。
<a href="#" class="btn btn-primary">Hello, Bootstrap3 for Blogger!</a>
2.「テンプレートを保存」ボタンをクリック。




【手順4】
1.「ブログを表示する方法」でブログを表示します。
2.以下の様にボタンが表示されれば完了です。

































以上です。

0 件のコメント:

コメントを投稿

注: コメントを投稿できるのは、このブログのメンバーだけです。

関連記事