怎么用bootstrap做一套網站

何為Bootstrap?簡潔、直觀、超級牛，移動設備優先的前端開發框架，讓web開發更快、更簡單。他是Twitter推出的html/css前端框架，現在網頁設計越來越平面，所以，也有一些平臺做平面風格供我們使用.因為這個框架是一個開源框架，現在很多人都在使用它.下載的框架目錄結構如圖所示：使用開源框架或現成源代碼？首先，你必須確保你需要所有的引用，你必須確保最小的操作點.需要三個外部文件，A,

B,C,你必須找到這三個文件。如果是你找到的代碼，你必須確保他能夠運行。如果沒有辦法，放棄.另找下一個.一般情況下，

框架會給你一個最基本的例子，使用框架所需的外部文件和一些簡單的解釋，bootstrap也給出了一個簡單的例子.bootstrap4菜鳥教程。

如圖是最基本的例子.這個例子說了一個很重要，也是引用文件的好方法，就是css.把它們都放在上面，然后把它們放在上面js.

它們都放在頁面的底部，可以更好地加載頁面渲染.建議您使用最基本的頁面來修改您需要的頁面，并根據自己的需要編寫代碼.不要復制,Bootstrap隨著設備和平臺的不同，內置了一套響應式、移動優先級的流格柵系統.或窗戶大小(viewport),根據他們的不同系統，它將自動分為12部分.也就是說，格柵系統是通過一系列行和列組成我們需要的頁面，然后將您需要的內容放在這些布局中.在使用格柵系統時，需要注意的是：需要使用.row(行的意思)外層使用.container為的是,賦值時給出適當的排列(aligment)和內補(padding).例如：一行包含3個內容，分別占屏幕的25%、50%和25%.我們超小屏幕設備-手機.然后寫成12的3、6，bootstrap菜鳥教程下載。

3.具體代碼見圖片。這里的效果圖為效果添加了一個well的class.只是為了演示效果，可以看清楚.bootstrap4教程。

有一個很好

讓你看看表格的創建.就是這么簡單，只需要table上,

填寫一個class為.table樣式可以生成一個非常好和實用的表格.事實上，這些都是別人提前建立的頁面顯示效果，

就是不用自己寫一些簡單的東西。css效果.多練.多用它屬于你.bootstrap基礎教程。

給出一個帶有導航欄的簡單頁面.這個頁面，理解透徹，即使你學會了這個東西，剩下的就是用什么查文檔，