iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 20
0
自我挑戰組

基礎中的基礎系列系列 第 20

基礎中的基礎系列之bootstrap概觀

  • 分享至 

  • xImage
  •  

容器:
容器是 Bootstrap 最基本的排版元素,且 當使用我們的網格系統時 是必須的。從響應式、固定寬度容器(表示其最大寬度限制在每一個中斷點)或可變寬度(顯示為 100% 寬)中選擇
如何運作:
Bootstrap 的網格系統使用一系列容器、行、和欄佈局和對齊內容。它用 flexbox 建立,並且完全符合響應式。

container vs row?

Containers: 容器提供對你的網站內容定新的方式。
對於固定寬度使用 .container,
對於滿版寬度使用 .container-fluid。

Rows: 行是欄的水平群組,它確保你的欄正確的排成一行。我們在 .row 上使用負值 margin 方法確保你的內容在左側之下正確對齊。


上一篇
基礎中的基礎系列之bootstap環境設置
下一篇
基礎中的基礎系列之隨手筆記篇-1
系列文
基礎中的基礎系列30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言