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制作をはじめましょう!