부트 스트랩 컨테이너 센터링 : 레이아웃을 더 완벽하게 만드십시오

부트 스트랩 컨테이너를 가로로 중앙으로 중앙에 있으려면 다음 방법을 사용할 수 있습니다. 스타일 속성 마진 추가 : Auto; 컨테이너 요소에. 컨테이너는 부모 요소의 너비에 관계없이 부모 요소의 수평으로 자동으로 중앙에 있습니다.

부트 스트랩 컨테이너 중앙을 중앙으로하는 방법 : 레이아웃을 더 완벽하게 만듭니다.

소개

부트 스트랩 컨테이너는 유연한 레이아웃 옵션을 제공하므로 다양한 화면 크기의 콘텐츠 영역의 폭을 제어 할 수 있습니다. 때로는 균형 잡힌 매력적인 레이아웃을 만들려면 컨테이너를 가로로 중앙으로 중앙에 두어야합니다.

방법

부트 스트랩 컨테이너를 중앙에하려면 margin: auto; 스타일 속성. 이 속성은 컨테이너가 부모 요소 내의 중심에 자동으로 수평으로 마진하도록 설정합니다.

암호

다음 코드 예제는 부트 스트랩에서 컨테이너를 중앙에있는 방법을 보여줍니다.

 <code class="html"><div class="container" style="margin: auto;"> <!-- 你的内容--> </div></code>

효과

이 스타일을 사용하면 컨테이너가 상위 요소 내에서 수평으로 중앙에 있습니다. 컨테이너는 부모 요소의 너비에 관계없이 항상 중앙에 유지됩니다.

주목해야 할 것

• 컨테이너의 상위 요소가 컨테이너를 고정하기에 충분한 너비를 가지고 있는지 확인하십시오. 그렇지 않으면 컨테이너가 중앙에 있지 않습니다.
• 반응 형 레이아웃을 사용하는 경우 부모 요소의 너비가 다른 화면 크기로 조정되어 컨테이너가 모든 장치의 올바르게 중앙에 있는지 확인하십시오.
• margin: auto; 수평 센터링을 위해서만. 컨테이너를 수직으로 중앙으로 중앙에 있으려면 Flexbox 또는 CSS 그리드와 같은 다른 CSS 기술을 사용할 수 있습니다.

위 내용은 부트 스트랩 컨테이너 센터링 : 레이아웃을 더 완벽하게 만드십시오의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!