線上書籍

Home

數位相簿很上手

Bootstrap 4 因為使用了 CSS Flexbox,所以不輸入數字 = 平均分配欄寬。

一、Bootstrap 4  不需輸入數字就能根據 col 的數量分配欄寬 <div class="row"> <div class="col-sm"></div> <div class="col-sm"></div> <div class="col-sm"></div> </div>

https://codepen.io/ugm/pen/rdQYGo

二、設定其中一個欄寬,剩下的平均分配: <div class="row"> <div class="col-sm"></div> <div class="col-sm-6"></div> <div class="col-sm"></div> </div> 三、動態調整欄寬 <div class="row"> <div class="col-sm">a</div> <div class="col-sm-auto">bbbbbbbbbbbbbbbbbbbbbbbbbb</div> <div class="col-sm">c</div> </div>