×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
Bootstrap 導入編 その１
１．http://getbootstrap.com/にアクセス
２．Downloadボタンを押す
３．Compiled and minified CSS and JSのdownloadを押す
４．CSS内のbootstrap.minとbootstrap.min.cssを自分のCSSにコピー
５．JS内のbootstrap.bundle.minとbootstrap.bundle.min.jsを自分のJSにコピー
６．JQueryからjquery-3.3.1.slim.minをコピー
（datepickerを使いたかったのでjs/jquery-3.2.1.min.jsを使用）
７．metaとLinkはこんな具合い
１．http://getbootstrap.com/にアクセス
２．Downloadボタンを押す
３．Compiled and minified CSS and JSのdownloadを押す
４．CSS内のbootstrap.minとbootstrap.min.cssを自分のCSSにコピー
５．JS内のbootstrap.bundle.minとbootstrap.bundle.min.jsを自分のJSにコピー
６．JQueryからjquery-3.3.1.slim.minをコピー
（datepickerを使いたかったのでjs/jquery-3.2.1.min.jsを使用）
７．metaとLinkはこんな具合い
<meta charset="UTF-8">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<!-- Bootstrap CSS -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" type="text/css" href="style.css"/>
<link rel="stylesheet" href="js/jquery-ui-1/jquery-ui.min.css">
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery-ui-1/jquery-ui.min.js"></script>
<script src="js/jquery-ui-1/datepicker-ja.js"></script>
<link rel="stylesheet" type="text/css" href="datepicker_size.css"/>
<script src="juchta_js.js"></script>
<script src="jscommon.js"></script>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/bootstrap.bundle.min.js"></script>
<!---------------------->
８．style.cssのtable句はコメント化
で準備完了
８．style.cssのtable句はコメント化
で準備完了
PR