VSCode_부트스트랩 basic. offset

7576 단어 vscodevscode

offset

오프셋은 그리드 내부에 임의로 빈칸을 할당하는 것을 뜻 합니다.

div class="col-md-2 offset-md-2"

와 같은 문법으로

이 div 클래스의 앞칸에 몇 2그리드를 비우고 싶을 때

offset-md-2로 선언하면 됩니다.

<body>
	<div class="container">
		<div class="row">
			<div class="col-md-5">.col-md-5</div>
			<div class="col-md-5 offset-md-2">.col-md-5 col-md-offset-2
			</div>
		</div>
		<div class="row">
			<div class="col-md-4">.col-md-4</div>
			<div class="col-md-7 offset-md-1">.col-md-7
				.col-md-offset-1</div>
		</div>
		<div class="row">
			<div class="col-md-2 offset-md-2">그리드1</div>
			<div class="col-md-4 offset-md-4">그리드2</div>
		</div>
	</div>		<div class="row">
			<div class="col-md-2 offset-md-2">그리드1</div>
			<div class="col-md-3 offset-md-4">그리드2</div>
		</div>
</body>

간단합니다.

오프셋과 div 크기를 고려하면서

이렇게 창을 분할하여 배정할 수 있습니다.

[백준 C++] 1325 효율적인 해킹
토이 프로젝트 후기) 라이프 공간 테스트

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage