bootstrap3 使div等高－前端筆記

一、用flex :

css:

.row{
display: flex;
}

注意:
1.不支援IE9以下版本
2.Bootstrap 一行最多容納 12 columns，但如果使用display: flex，同一個row的col-*總數超過了 12，他們一樣會維持在同一行內，寬度也會自動均分。

二、用 css 中的 table

css:

.row {
display: table;
width: 100%;
}

.row [class^=col-] {
display: table-cell;
float: none;
}

注意:
1.寬度會等於行內元素(inline elements)，因此記得要加上width: 100%;讓寬度等於父層的寬度。
2.記得在col-*將所有浮動給移除(float: none)，不然display: table不會有作用。

Bootstrap

swordheart313

前端筆記

swordheart313 發表在痞客邦留言(0) 人氣()

E-mail轉寄

前端筆記