'부트스트랩'에 해당되는 글 1건

  1. 2018.03.24 부트스트랩- Width, Height설정

부트스트랩- Width, Height설정

반응형

css에서 width를 설정하여 div나 input등 다양한 태그의 width를 조절할 수 있는데요.

부트스트랩에서는 기본 제공 클래스로도 가로 세로 비율을 설정할 수 있어서 해당 태그 속성을 간단하게 변경할 때 유용합니다.


예를 들면

<form class="form-inline w-100">

</form>

과 같이 클래스명을 w-100으로 명시하면 


<form class="form-inline" style="width:100%">

</form>

이처럼 width: 100%;로 설정하는 것과 같습니다.

w-25, w-50, w-75, w-100 이렇게 4종류를 지원하고 있어서 디테일한 값으로 변경하려면 style이나 css파일에서 변경하셔야 하지만, 

25,50,75,100%로 변경하신다면 부트스트랩 기본 지원 클래스명을 사용하는 것이 깔끔할 것 같습니다.

반응형
prev 1 next