채택완료
부트스트랩 버튼 가운데정렬
안녕하세요
Copy
<div class="col-sm-3"> <button class="btn btn-primary btn-block" type="button">제출</button> </div>위와 같이 col-sm-3로 가로길이를 지정하고
본문에 버튼을 삽입했는데 어떻게해야 버튼을 가운데정렬 할 수 있는지 모르겠네요...
혹시 부트스트랩 버튼 가운데정렬 방법 아시는분 알려주신다면 감사하겠습니다!
답변 2개 / 댓글 7개
채택된 답변
+20 포인트
아미나 경우엔 아래처럼 text-center 라는 클래스 넣으면 되었는데,
Copy
<div class="col-sm-3 text-center">
<button class="btn btn-primary btn-block" type="button">제출</button>
</div>혹, 작동 안 되면, 아래처럼 하시면 될 거에요.
Copy
<div class="col-sm-3" style="text-align:center;">
<button class="btn btn-primary btn-block" type="button">제출</button>
</div>!important 붙인 후 작성할때는 적용되는데 확인누르니 결국 다시 좌측으로 가버리네요 ㅠ
작성전
작성후
답변에 대한 댓글 4개
답변을 작성하려면 로그인이 필요합니다.
이게 버튼만 있을땐 괜찮은데 부트스트랩 설정때문에 head부분에
[code]
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
[/code]
를 넣으면 가운데정렬이 안됩니다