Bootstrap基本框架搭建
阿新 • • 發佈：2019-02-20
構建基礎HTML文件結構
在進行引入與開發之前，你需要構建自己的HTML文件基礎結構，結構規則我們按照最新的HTML5規則來編寫，讓我們看看應該如何編寫。<!DOCTYPE
html><html lang="zh-cn"><head></head><body></body></html>
引入自適應標籤
由於Bootstrap3是以移動優先為主要準則，所以為了實現響應式佈局的效果，我們需要在head標籤中引入對應的meta標籤：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
通過這個標籤，我們能夠保證頁面在所有裝置上初始化的時候，會保持1.0的比例。
除此之外，如果你想要防止使用者在移動裝置上訪問你網站的時候通過手勢進行縮放，那麼你就可以在該標籤中加入user-scalable=no的屬性，使得你的網站更貼近native app。
使用柵格佈局
如果你想要採用柵格佈局，需要保證佈局外部容器的類是container。
也就是將整個頁面結構寫在<div class="container"></div>容器之內。
關於柵格佈局
柵格佈局是Bootstrap裡面非常重要的一個概念，因為它牽涉到整體頁面結構以及響應式的使用。我們會在下篇文章中著重介紹該佈局的使用方法。