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はこんな具合い
<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句はコメント化
で準備完了
2020年3月版
１．ダウンロード
https://getbootstrap.com/docs/4.4/getting-started/download/
Compiled CSS and JS
Download ready-to-use compiled code for Bootstrap v4.4.1 to easily drop into your project, which includes:
これをダウンロードする
２．CSS内のbootstrap.minとbootstrap.min.cssを自分のCSSにコピー
３．JS内のbootstrap.bundle.minとbootstrap.bundle.min.jsを自分のJSにコピー
４．JQeryからjquery-3.4.1.slim.minをダウンロード
５．JS内にコピー
６．自分のCSSのbody定義とtable定義をコメントに
７．phpソースに以下を記載
<!-- jquery -->
<script src="js/jquery-3.4.1.slim.min.js"></script>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/bootstrap.bundle.min.js"></script>>