부트스트랩 사용 시 버튼 오른쪽 정렬하는 방법 (How to use float-right for right align in bootstrap)



Bootstrap 사용 시 버튼을 오른쪽 정렬하는 방법

버튼 클래스에 float-right 해준다.

예시) Bootstrap v4.0
   <div class="row">
        <div class="col-12">One <input type="button" class="btn float-right" value="test"></div>
        <div class="col-12">Two <input type="button" class="btn float-right" value="test"></div>
    </div>

참고 링크
https://getbootstrap.com/docs/4.0/utilities/float/#responsive
https://stackoverflow.com/questions/15446189/how-can-i-get-my-twitter-bootstrap-buttons-to-right-align

댓글

이 블로그의 인기 게시물

맥(Mac)에서 MySql 사용 시 Error: Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2) 오류가 발생하는 경우 해결 방법

HTML, CSS - footer fixed (foot 하단 고정 시키기)