Bootstrap的栅格布局
生活随笔
收集整理的這篇文章主要介紹了
Bootstrap的栅格布局
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
說明
行使用的row
列使用的col
代碼
<!doctype html> <html > <head><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="css/bootstrap.css"/> </head> <body><div class="container"><div class="row"><div class="col-md-3">第一行第一列</div><div class="col-md-3">第一行第二列</div><div class="col-md-3">第一行第三列</div><div class="col-md-3">第一行第四列</div></div><div class="row">第二行</div><div class="row">第三行</div><div class="row">第四行</div></div> </body> </html>展示
總結
以上是生活随笔為你收集整理的Bootstrap的栅格布局的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 长平之战赵国不换廉颇，战争会胜利吗？
- 下一篇： PHP插入HTML