프로젝트에 부트 스트랩 프레임 워크를 사용하고 있지만 내 사이트의 중앙 div에 문제가 있습니다.부트 스트랩 수직으로 전체 배경으로 나누기
div를 세로로 가운데에 붙이지 만 배경색은 100 %로 설정하고 부트 스트랩 컨테이너 div 안에 넣어야합니다.
나는 http://www.hmsg.net/layout.png
프로젝트에 부트 스트랩 프레임 워크를 사용하고 있지만 내 사이트의 중앙 div에 문제가 있습니다.부트 스트랩 수직으로 전체 배경으로 나누기
div를 세로로 가운데에 붙이지 만 배경색은 100 %로 설정하고 부트 스트랩 컨테이너 div 안에 넣어야합니다.
나는 http://www.hmsg.net/layout.png
, 당신의 대답이
<div class="col-lg-12"
style="padding:0px; background-image: url('http://www.kiteworldmag.com/media/wallpapers/2/187/3.jpg'); background-size: 100% auto; height:500px;;">
<div class="col-lg-12" style="height:300px; padding:0px; margin:0px; display: block">
</div>
<div class="col-lg-12" style="background-color:#ffffff; height:100px; padding:0px; margin:0px;">
sdfsdf
</div>
</div>
사용이
<div class="col-lg-12" style="background: url("../img/Bg.png"); background-size: 100% auto; height:100%;">
<div class="col-lg-12" style="hieght:500px; padding:0px; margin:0px;">
</div>
<div class="col-lg-12" style="background-color:#ffffff; hieght:500px; padding:0px; margin:0px;">
</div>
</div>
감사 Harutyun을 시도 이미지의 파란색 부분 (중앙 DIV)를 구축 할 필요가
이 솔루션으로 끝났습니다.
<div style="margin:0; padding:0px; width:100%; height:100%; display:table">
<div style="display: table-cell; vertical-align: middle;" >
<div style="background:#99FF33">
<div class="container">Content Goes Here.</div>
</div>
</div>
</div>
안녕하 루툰, 나는 당신의 모범이 나를 위해 일하지 않는다고 생각합니다. 나는 이것을 http://www.hmsg.net/layout_example.jpg와 같이하고 싶다. 내 문제는 내가 중앙 div 수있는 센터 세로로 배치하고 100 % 너비 배경이 있습니다. –
코드를 변경하고 시도해보십시오. –