bootstrap應用
準備 bootstrap 所需的 css 及 js 檔，含 jQuery 部分，放在資料夾
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<head>
</head>
設計pagemaker (ui樣版，把這放在對的位置)
<script src="jquery/jquery.min.js"></script>
<script src="jquery/popper.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
bootstrap應用
原本php寫的程式如下：
bootstrap應用
美化後如下：
bootstrap應用
參考網址https://www.w3schools.com/bootstrap/bootstrap_buttons.asp
bootstrap應用
例：我需要好看的button
bootstrap應用
bootstrap應用
<a href="#" class="btn btn-primary">系統介紹</a>
它就變美了!