プログラミングで暮らしをハック
ITで暮らしを便利にするブログ
Web制作のノウハウ

CodepenでBootstrapを使う方法

「CodepenでBootstrapを使う方法」ご紹介します。

 

簡単な設定をするだけで「CodepenでBootstrap」が使えるようになります。

Bootstrapをガンガン使って、色々作ってみてください。

 

CodepenでBootstrapを使う方法

CodepenでBootstrapを使う方法を解説します。

 

まずは、

1.Codepenにログインします。

2.左側の「Pen」をクリックします。

 

 


 

3.右上の「Settings」をクリックします。

 

 


 

4.CSSをクリックします。

5.下側の検索窓に「bootstrap」と入力します。

 

 


 

6.下に「twitter-bootstrap」と表示されるのでクリックします。

7.右上の「Save&Close」をクリックします。

 

 


 

おめでとうございます!CodepenでBootstrapが使えるようになりました!

これで楽しいWeb制作をはじめましょう!