부트스트랩 버튼 가운데정렬 채택완료
firsttiemuser
9년 전
조회 22,236
안녕하세요
</p><p><span class="Apple-tab-span" style="white-space:pre"> </span><div class="col-sm-3"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><button class="btn btn-primary btn-block" type="button">제출</button></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></div></p><p>
위와 같이 col-sm-3로 가로길이를 지정하고
본문에 버튼을 삽입했는데 어떻게해야 버튼을 가운데정렬 할 수 있는지 모르겠네요...
혹시 부트스트랩 버튼 가운데정렬 방법 아시는분 알려주신다면 감사하겠습니다!
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
sinbi
Expert
9년 전
아미나 경우엔 아래처럼 text-center 라는 클래스 넣으면 되었는데,
</p><pre><div class="col-sm-3 text-center">
<button class="btn btn-primary btn-block" type="button">제출</button>
</div></pre><pre>
혹, 작동 안 되면, 아래처럼 하시면 될 거에요.
</pre><pre><div class="col-sm-3" style="text-align:center;"> <button class="btn btn-primary btn-block" type="button">제출</button> </div></pre><pre>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 3개
f
firsttiemuser
9년 전
�
홈짱
9년 전
속성값 뒤에 ! important 붙여줘 보세요.
f
firsttiemuser
9년 전
제 다른 댓글 한번 봐주실수있으세요? 위쪽에!
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 4개
�
홈짱
9년 전
에디터로 코드 넣어 작성하는 거 말씀하신 거였나요? ㅡㅡ;
에디터로 코드 넣어 확인 버튼 누르면,
서버로 전송하면서 불필요한 코드는 다 짜르고 전송하는 것 같더라구요.
이 코드 말고, 다른 코드도....이런 비슷한 증상이 있어 편리 님께 문의했었는데...
어쩔 수 없단 답변만 받았었습니다.
에디터로 코드 넣어 확인 버튼 누르면,
서버로 전송하면서 불필요한 코드는 다 짜르고 전송하는 것 같더라구요.
이 코드 말고, 다른 코드도....이런 비슷한 증상이 있어 편리 님께 문의했었는데...
어쩔 수 없단 답변만 받았었습니다.
f
firsttiemuser
9년 전
에디터에 포함되는거 관련 여쭤본겁니다..ㅎ
그렇군요..알려주셔서 감사합니다! 안되는걸 계속 붙잡고 있을뻔 했네요!
그렇군요..알려주셔서 감사합니다! 안되는걸 계속 붙잡고 있을뻔 했네요!
f
firsttiemuser
9년 전
홈짱님 혹시 아미나 css에
[code]
.col-sm-3{
text-align:center !important;
}
[/code]
이런식으로 클래스를 선택해 가운데정렬시킬수도 있을까요?
text-align으로 하니 안되는데 뭐 다른 있다면...
[code]
.col-sm-3{
text-align:center !important;
}
[/code]
이런식으로 클래스를 선택해 가운데정렬시킬수도 있을까요?
text-align으로 하니 안되는데 뭐 다른 있다면...
�
홈짱
9년 전
text-align 속성은 인라인 요소를 가운데 정렬시킬 때 사용해요.
만약, 안에 있는 요소가 블럭 요소이면 적용되지 않습니다.
안에 있는 요소가 블럭요소일 땐, 블럭 요소에 너비 값 준 후, margin:0 auto 형식으로 하셔야 됩니다.
만약, 안에 있는 요소가 블럭 요소이면 적용되지 않습니다.
안에 있는 요소가 블럭요소일 땐, 블럭 요소에 너비 값 준 후, margin:0 auto 형식으로 하셔야 됩니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
이게 버튼만 있을땐 괜찮은데 부트스트랩 설정때문에 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]
를 넣으면 가운데정렬이 안됩니다