:::

10-1 個別項目的垂直對齊

  1. 請寫在各個<div>中即可:
    <div class="container">
        <div class="row">
            <div class="col align-self-start">垂直靠上</div>
            <div class="col align-self-center">垂直置中</div>
            <div class="col align-self-end">垂直靠下</div>
        </div>
    </div>
  2. 詳情:http://bootstrap.hexschool.com/docs/4.0/layout/grid/#%E5%9E%82%E7%9B%B4%E5%B0%8D%E9%BD%8A
  3. 範例:

    See the Pen 個別項目的垂直對齊 by Tad (@tad0616) on CodePen.


:::

書籍目錄

展開 | 闔起

http%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbsn%3D32%26tbdsn%3D938

計數器

今天: 3165316531653165
昨天: 1988198819881988
總計: 7390056739005673900567390056739005673900567390056