div 여백 문제

-2

div 요소가 width:90%; 및 margin: 80px auto;입니다. html에는 고정 된 배경 이미지가 있습니다. 부트 스트랩 링크를 추가하면 div의 왼쪽 및 오른쪽 여백이 흰색으로 채워집니다. 이 문제를 해결하는 방법?div 여백 문제

<div class="header-container"> 
    <div class="logo"> 
     <header> 
      <h5>royal apartments for you</h5> 
       <ul id="menu"> 
        <li><a href="index.html">Main</a></li> 
        <li><a href="#">Apartments</a></li> 
        <li><a href="#">Services</a></li> 
        <li><a href="#">Blog</a></li> 
        <li><a href="#">Contacts</a></li> 
       </ul> 
     </header> 
    </div> 
    <div class="slider"> 

    </div> 
</div>

CSS :

html { 
    background: url(images/146987895643799.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

.header-container{ 
    width: 92%; 
    margin: 80px auto 0 auto; 
} 

.logo{ 
    background-color: #9fcb00; 
    height: 350px; 
}

내가 HTML이 추가 : 브라우저의 개발자 도구에 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

출처

2016-07-31 Shiroi Okami

좀 더 자세한 정보없이 조언을하기가 다소 어렵습니다. 부트 스트랩에 어떤 링크가 있습니까? 기본 컨테이너 계층 구조 란 무엇입니까? 무슨 일이 일어나야합니까? –

사용 요소 경위. 원치 않는 스타일 (예 : 흰색 배경)을 가져 오는 요소를 확인하십시오. 그들이 어디에서 왔는지 파악하십시오. 그런 다음 삭제하거나 무시하십시오.

부트 스트랩은 신체의 배경색을 흰색으로 설정합니다. 이는 HTML 요소의 배경을 덮고 있습니다. 몸을 변화시키기위한 다른 스타일을 씁니다.

출처

2016-07-31 08:44:24 Quentin

div 여백 문제

답변

관련 문제