이 기간 열이 오프셋 된 이유는 무엇입니까?

내가 트위터 부트 스트랩과 함께 웹 사이트를 개발하고 있어요, 스크린 샷이 가끔 발생하고 나는 정확한 상황을 못 아직 관리되지했습니다 here 이 기간 열이 오프셋 된 이유는 무엇입니까?

입니다 ... 가끔 row-fluid를 사용하여 둥지 <div>하려고하지만 난 얻을 결과는 스크린 샷에 표시됩니다.

자식 span6 div는 left-margin입니다. 제거 할 수없는 것 같습니다.

내가 둥지 그 row-fluid<div> 내부 이span6<div> 수 있도록하고 싶습니다 ... 그것은 아니, 가능해야한다?

2012-09-05 Felipe Almeida

커뮤니티가 스크린 샷으로 마크 업을 디버그하도록 하시겠습니까? 적어도 바이올린이나 코드를 제공하십시오. – Pavlo

나는 그것이 내가 만들고 있었던 단순한 어리석은 실수 일 것이라고 생각했다. .. 그러나 ok. –

간단한 jsfiddle에서이 문제를 시도하고 재현 해 보겠습니다 ...하지만 실제로 이것은 많은 사람들이하는 매우 일반적인 실수 였고 ** 누군가 와서 말하고 ** : 그것은 나에게 여러 번 일어난다, 당신은 단지 어쩌구 저쩌구 할 필요가있다 * –

.row-fluid 내부의 레이아웃을 구축하기는, 부트 스트랩은 모든 .spanNmargin-left에 적용

.row-fluid [class*="span"]:first-child { 
    margin-left: 0; 
}

는 것을 포함되기 때문에 :

.row-fluid [class*="span"] { 
    margin-left: 2.76243%; 
}

그리고, 그것은 :first-child이 속성을 재정의 첫 번째 .span6 앞에 <h2>이 있으면 두 번째 요소가되고 :first-child 선택자는 영향을주지 않습니다.
문제를 해결하려면 범위를 배치 할 .row-fluid에서 해당 제목을 찾으십시오.

출처

2012-09-06 07:33:48 albertedevigo

나는 대답을 찾은 것 같습니다.

범인은 <h2>가 부모 DIV 내 향하고 있지만 아이들 외부를 div의 것이 었습니다.

출처

2012-09-05 22:23:51

이 기간 열이 오프셋 된 이유는 무엇입니까?

답변

관련 문제