부트 스트랩 그리드를 깨는 방법

Question

부트 스트랩은 다른 모든 질문과 마찬가지로 다른 광고 버튼과 리더 보드에서 두 번째 줄에 내 광고 버튼을 배치합니다. 데스크톱보기에서 특정 너비 사이에서만 발생합니다. 그래서 내가하고 싶은 일은 사이드 바나 웹 사이트의 나머지 부분과 인라인되지 않도록 부트 스트랩 그리드에서 오른쪽과 왼쪽의 광고 버튼을 양쪽으로 치우치게 만드는 것입니다. 이것은 link입니다.

Answer 1

질문을 올바르게 이해하면 녹색 탐색 표시 줄 아래의 행이 부트 스트랩 눈금보다 넓어지기를 원합니다.

이렇게하기가 쉽습니다. 더 넓은 행 앞의 부트 스트랩 컨테이너를 닫고이 확장 행에 대한 새 div를 작성한 후 닫은 다음 나머지 페이지에 대한 새 부트 스트랩 컨테이너를 열어야합니다. 또한 div의 폐쇄되지 않았거나 제대로 중첩되지 중 일부에 문제가있을 수 있습니다,

<div class="container> 
    <header> .... </header> 
    <div class="navbar"> .... </div> <!-- close navbar --> 
</div><!-- close container --> 

<div class="wideRow"> .... </div> <!-- close wideRow --> 

<div class="container> 
<!-- remainder of page --> 
</div> <!-- close container --> 

는 참고 live example here

를 참조하십시오 : 그래서 기본 구조는 다음과 같이 될 것이다. 만약 당신 validate the page 그것은 몇 가지 div 문제를 showind, 그리고 귀하의 페이지의 소스 코드를 보면, 당신은 컨테이너 divs @ 90 라인과 217을 열고 있지만 그들은 올바르게 닫히지 않는 것. 어쨌든

,이 마크 업을보고 올바른 방향 :