Notice
Recent Posts
Recent Comments
Link
«   2024/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
Tags more
Archives
Today
Total
관리 메뉴

투덜이 개발자

부트스트랩4 세로 중앙 정렬 본문

Program Language/Bootstrap

부트스트랩4 세로 중앙 정렬

엠투 2023. 11. 21. 13:35
반응형

부트스트랩4 세로 중앙 정렬

<div class="card card-default">
   
   <div class="card-body">
      
      <!--- vertical-align for row --->
      <div class="container">
         <div class="row align-items-center">
            <div class="col-12 text-center">
               <!-- null-->
            </div>
         </div>
      </div><!--- vertical-align for column --->
      <div class="container">
         <div class="row" style="height: 300px;">
            <div class="col-12 align-self-center text-center">
               
               <h3><?=$login_id;?> 로그인 하였습니다.</h3>
               
            </div>
         </div>
      </div><!--- vertical-align for column --->
      <div class="container">
         <div class="row">
            <div class="col-12 my-auto text-center">
               <!-- null-->
            </div>
         </div>
      </div>
   
   </div>
</div>

 

반응형
저작자표시