bootstrap 怎麼加入關閉按鈕

bootstrap關閉按鈕的新增方法：先開啟對應的程式碼檔案；然後為或元素加入close類別；最後點選圖示讓模態方塊和警告框消失即可。

本教學操作環境：windows7系統，bootstrap3版本，Dell G3電腦。

相關教學推薦：《bootstrap教學》

#關閉按鈕

為 或 元素添加.close 類，就會為它賦予一個象徵關閉的圖標，點擊圖標，就可以讓模態框和警告框消失。如：

<button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<a class="close"><span aria-hidden="true">&times;</span></a>

效果如圖2‑82所示：

#相關介紹：

Bootstrap是一個免費的前端框架，並且是基於html和JavaScript、css三者開發的框架，主要用於響應式網站上的結構和佈局，Bootstrap的出現主要是簡化Web工作者的工作，其中還包括對JavaScript中的動態調整。

使用bootstrap框架可以響應式網站，bootstrap能使用適用pc和手機等不同解析度的設備，我們不需要根據設備的不同而去擔心顯示效果。目前所有的瀏覽器都支援Bootstrap，所以我們在做網站的時候，不要考慮瀏覽器的相容問題。

以上是bootstrap 怎麼加入關閉按鈕的詳細內容。更多資訊請關注PHP中文網其他相關文章！