簡介

bootstrap是一款前端開發(fā)自適應(yīng)頁面的js庫，可以讓你在開發(fā)網(wǎng)頁的時候輕松實現(xiàn)網(wǎng)站的PC與移動端兼容，避免在移動端上面出現(xiàn)樣式錯位等。

原理

bootstrap的原理是媒體查詢CSS3的@media，用于檢測屏幕，從而改變樣式的百分比。

結(jié)構(gòu)

bootstrap是基于jquery而成的，因此我們在引入bootstrap之前需要引入jquery。bootstrap分為兩個部分一個部分是腳本JS一個部分是樣式CSS，同時還有額外的一個部分bootstrap-theme.css，這部分是用于部分bootstrap特效而引入的。

概括一下使用bootstrap最少需要引入3個文件jquery，bootstrap.js，bootstrap.css

代碼

解釋

當(dāng)我們需要給圖片設(shè)置略縮圖的時候，如上面代碼所示，只需要添加一個class的類img-thumbnail即可幫我們實現(xiàn)圖片略縮圖，bootstrap的好處在于很多我們常用的CSS樣式都集成在了類里面，這樣我們可以只需要引入類名即可實現(xiàn)功能，減少編寫代碼的時間，實現(xiàn)快速開發(fā)。

總結(jié)

以上是生活随笔為你收集整理的bootstrap table移动端_bootstrap介绍的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。