導航不是以標題爲中心，而是以頁面爲中心！引導。

Question

我是新來的編碼。
我有一個導航欄，我已經居中到頁面...但我希望它被集中到我的標題框。

<div class="header" id="header"> 
<div class="container"> 
<div class="row row-centered"> 
<div class="col-md-4 col-centered"> 
<div class="box"> 
<a href="#"><h2>lewis <br><span>Designs</span></h2></a></div></div></div> 
    <div class="menu"> 
    <div class="row row-centered"> 
    <div class="col-md-6 col-centered"> 
<ul class="nav nav-pills"> 
<li><a href="./index.html">About</a></li> 
<li><a href="./consultation.html">Consultations</a></li> 
<li><a href="#">Gallery</a></li> 
<li><a href="#">Contact</a></li> 
</ul></div></div></div> 
    .box {position:relative; 
     border: 2px white dotted; 
     margin-top: 100px; 
     margin-right: auto; 
     margin-left: auto; 
     width: 400px; 
     display:inline-block;} 
.nav-pills li a {color: black; 
     border-radius: 10px; 
     vertical-align:middle; 
     display:inline-block;} 
.header .box { margin-left:auto; 
     margin-right:auto; 
     position:relative; 
     vertical-align: middle;} 
    .nav-pills {position: relative; 
     margin-top: 40px; 
     vertical-align: middle; 
     margin-left:auto; 
     margin-right:auto; 
     text-align:center;} 

你能幫忙嗎？

Answer 1

的Div的寬度設置爲頭盒的寬度，這應當達到所要求的結果

.col-centered{width:400px} 

或者可選地使標題部分大小相同的框。 }

.header .box { 
    width: 100%;} 

，只要他們是在寬度相同的大小和使用文本對齊中心CSS那麼他們就應該正確地排隊。