情シス - 雑多メモ

基本は情シス、たまに開発を担当

Bootstrap3 事前準備

まずは事前準備。下記のサイトからBootstrapをダウンロードする。


Bootstrap · The world's most popular mobile-first and responsive front-end framework.

 CDN版も用意されているが、今回はソース版をダウンロードして使用する。


解凍し適切に展開する。

    <!-- BootstrapのCSS読み込み -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery読み込み -->
    <script src="js/jquery.js"></script>
    <!-- BootstrapのJS読み込み -->
    <script src="js/bootstrap.min.js"></script>

Bootstrap3ではJQueryが必要。
BootstrapのJSファイルよりも先にJQueryのJSファイルを読み込むようにすること。