2015-01-01 4 views
-1

부트 스트랩 3 기반 웹 사이트 만들기. 나는 PHP 페이지를 apDiv2에로드하기 위해 AJAX를 사용하고 있습니다.하지만 페이지의 내용이 계속로드되어 맨 위의 탐색 섹션 아래에서 시작하는 경우가 있습니다. 크기가 조정 된 경우에도 페이지의 내용이 상단의 탐색 모음에 의해 겹쳐져 있으며 숨김으로 나타납니다. 상단 탐색 모음 바로 아래에 표시되도록 해당 위치에 고정하려면 어떻게해야합니까? ...이 내가 부트 스트랩 맞춤

을 사용하고 테 코드를 볼 수 있습니다 IT LIVE @ www.ForeverThaEmpire.com

<div data-spy="affix" data-offset-top="60" data-offset-bottom="200"> 
<div class="container-fluid"> 
    <nav class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="row"> 
      <div class="col-md-2"> 
<center><img src="content/images/fdelogo.png" width="210" height="60" /></center> 
</div> 
<div class="col-md-2">  </div> 
<div class="col-md-3"> 
<center> <form class="navbar-form navbar-left" role="search"> 
<div class="form-group"> 
<input type="text" class="form-control" placeholder="Search"> 
</div> 
<button type="submit" class="btn btn-default">Search</button> 
</form></center> 
</div> 
<div class="col-md-3"> </div> 
<div class="col-md-2"> 
<img src="content/images/twitter.png" width="30" height="30" /> 
<img src="content/images/facebook.png" width="30" height="30" /> 
<a class="menu_nav" href="pages/shoppingcart.php"><img src="content/images/cart.png" width="40" height="40" /></a><br> 
<div class="simpleCart_grandTotal"></div> 
</div> 
</nav> 
</div> 
</div> 
<div class="container"> 
<div id="well"><div id="apDiv2"></div></div> 
</div> 
<div class="container-fluid"> 
<nav class="navbar navbar-inverse navbar-fixed-bottom"></nav> 
</div> 

답변

0

당신의 네비게이션 바는 상단에 고정되어 있기 때문에 그것은, 그래서 여기에 포함 된 body 태그를 넘어 귀하의 div를로드 중입니다.

body 
{ 
    padding-top:70px!important; 
} 
+0

내가 부트 스트랩 CSS 스타일 시트를 사용하고 당신의 CSS이 추가

시도? 내가 이것을 custon CSS에 넣었을 때 부트 스트랩 CSS가로드되기 전에 부트 스트랩 CSS를 덮어 씁니까? 내가 글꼴 색을 변경하면서이 작업을 시도했기 때문에 작업을하지 못했습니까? –

+0

CSS 필드의 값 뒤에! important 태그를 사용하면이 값이 대체됩니다. – skoumas

관련 문제