1
위의 사업부를 중심으로 수 없습니다 :내가 중심에 노력하고 또 다른 부트 스트랩
<div style="text-align:center; margin-top:16px;" class="hidden-xs">
<div>Free Estimates</div>
<div>Licensed & Insured #C98354</div>
</div>
는 나는 항상 그 아래 사업부 위에 중심을하고자합니다.
<div class="collapse navbar-collapse" id="navbar-collapse-02">
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#slider-wrapper">Home</a>
</li>
<li>
<a href="#services">Services</a>
</li>
<li>
<a href="#about">About Us</a>
</li>
<li>
<a href="#portfolio">Ideas</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
</ul>
</div>
불행하게도 나는 불행히도 div 위에 센터를 올바르게 배치하는 방법을 알 수 없습니다.
전체 헤더 코드 참조를 위해 :
원하는 출력은 좀처럼 보일 것이다
<header class="item header margin-top-0 padding-bottom-70" id="header1">
<div class="wrapper">
<div class="container">
<nav class="navbar navbar-default navbar-lg navbar-fixed-top" role="navigation">
<div class="container">
<div class="col-lg-1">
<div class="navbar-header">
<button class="navbar-toggle" data-target="#navbar-collapse-02" data-toggle="collapse" type="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand brand" href="#">
<img src="images/new-logo-small.png">
</a>
<div class="hidden-xs"> A+ Rating BBB</div>
</div>
</div>
<div class="col-lg-6">
<div style="padding-top:67px; padding-left:125px; text-align:center; font-size:16px" class="hidden-md hidden-sm hidden-xs">
<div>
<div>Some Address</div>
<span class="fa fa-envelope"></span><span> <a style="text-decoration:none; color:#333">[email protected]</a> | </span>
<span class="fa fa-phone"></span><span> (727) 876-5309</span>
</div>
</div>
</div>
<div class="col-lg-5">
<!-- I want this to stay centered above the div below it -->
<div style="text-align:center; margin-top:16px;" class="hidden-xs">
<div>Free Estimates</div>
<div>Licensed & Insured #C98354</div>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse-02">
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#slider-wrapper">Home</a>
</li>
<li>
<a href="#services">Services</a>
</li>
<li>
<a href="#about">About Us</a>
</li>
<li>
<a href="#portfolio">Ideas</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
</div>
</div>
</header>
특히 900-1200 픽셀 영역에서 크기를 조절할 때 꽤 많은 비트가 있습니다. – allencoded