Bootstrap是一款非常流行的前端框架,它的樣式和組件都相當優(yōu)秀,廣泛被許多網(wǎng)站所使用。要想使用Bootstrap來美化網(wǎng)站,我們只需要在HTML中引入Bootstrap的CSS和JavaScript代碼即可。
<!-- 引入Bootstrap的CSS樣式 -->
<link rel="stylesheet" >
<!-- 引入Bootstrap的JavaScript代碼 -->
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
在使用Bootstrap之前,我們需要先引入jQuery和Popper.js這兩個庫。因為Bootstrap的一些組件或者插件需要這兩個庫的支持,比如在Bootstrap中使用下拉菜單、模態(tài)框、提示框等組件時,都需要先引入jQuery和Popper.js庫。
在HTML中引入Bootstrap的代碼十分簡單,只需要將上述代碼復制到HTML代碼中即可。同時,為了保證網(wǎng)站加載速度的快速以及使用最新版本的Bootstrap,建議我們將CSS和JavaScript代碼引入到CDN上方便調(diào)用。