本篇文章給大家分享一個Bootstrap實戰，手把手帶你使用Bootstrap實現瀑布流布局，希望對大家有所幫助！

講 Bootstrap 基礎的教程網上已經很多了，實際上 Bootstrap 中文網（bootcss.com）里的文檔已經寫的很詳細了，但實戰的案例卻不多。這里用一些當前流行的網頁布局為導向，使用 Bootstrap 中的樣式來完成它。每次只講與案例相關的知識點，邊學邊練，加強理解。練習本案例需有 HTML/CSS 基礎。

一、案例介紹

瀑布流是近幾年流行起來的一種網頁布局，視覺表現為參差不齊的多欄布局，本案例便是使用 Bootstrap 實現一個瀑布流布局。【