Col md意思

"col-md"是Bootstrap中的一個CSS類，用於定義布局格線系統中的列。Bootstrap是一個流行的前端開源框架，用於快速開發回響式網站和應用程式。

在Bootstrap的格線系統中，"col"表示列（column），而"md"表示中等螢幕設備。Bootstrap的格線系統支持五個斷點，分別是：

• Extra small (xs)
• Small (sm)
• Medium (md)
• Large (lg)
• Extra large (xl)

每個斷點對應一個範圍的手機、平板電腦、桌面顯示器等設備。

"col-md"類用於定義在medium（中等）螢幕設備上的列布局。例如，如果你想要在Bootstrap的格線系統中創建一個三列布局，每列寬度相等，你可以使用以下CSS類：

<div class="row">
  <div class="col-md-4">...</div>
  <div class="col-md-4">...</div>
  <div class="col-md-4">...</div>
</div>

在這個例子中，每個.col-md-4都會占據中等螢幕設備上的4個格線空間（12個格線空間的總寬度）。這意味著每列將占據大約33.33%的螢幕寬度。

如果你想要在不同螢幕尺寸下有不同的布局，你可以使用不同的斷點類，例如：

<div class="row">
  <div class="col-md-8 col-sm-6 col-xs-12">...</div>
  <div class="col-md-4 col-sm-6 col-xs-12">...</div>
</div>

在這個例子中，兩個列在medium和small螢幕設備上分別占據8個和4個格線空間，但在extra small螢幕設備上它們會堆疊，每列占據全螢幕的12個格線空間。