부트 스트랩 3 - 다른 섹션이있는 긴 폼 - 전체 너비 배경

부트 스트랩 3을 사용하기 시작했고 정말로 긴 폼을 가지고 있습니다. 서로 다른 전체 너비 배경색으로 각 섹션을 구분하고 싶습니다. 올바른 마크 업이 무엇인지 궁금합니다.부트 스트랩 3 - 다른 섹션이있는 긴 폼 - 전체 너비 배경

다음과 같이해야합니까?

<form> 
    <section> 
    <div class="container"> 
     <div class="row"> 
      <div class="form-group"> 
       <label for="email" class="col-sm-2 control-label">Email</label> 
       <div class="col-xs-12 col-md-4"> 
       <input type="email" class="form-control input-sm" name="email" id="email" value="" placeholder="Email"> 
       </div> 
      </div> 
     </div> 
    </div> 
    </section> 
</form>

출처

2014-04-09 user1049961

부트 스트랩 그리드 모델을 올바르게 사용하지 않는 것 같습니다. 기본적으로 행을 12 개의 열로 나눕니다 (또는 하위 구성 요소를 12 가지로 분할 함). 따라서 같은 요소에 col-xs-12 및 col-md-4를 사용하면 실제로 의미가 없습니다. http://getbootstrap.com/css/에서 문서를 살펴보고 모눈 모델의 작동 방식을 확인하십시오. – rom99

흠, http://getbootstrap.com/css/#grid-example-mixed를 참조하십시오. 정확히 그 일을하는 m ... 어쨌든, 내 질문은 fullwidth 양식 레이아웃에 관한 것입니다 ... – user1049961

당신 말이 맞아, 그래서 뭔가를 배웠습니다! 죄송합니다. 나는 당신이 이야기하는 각 섹션의 전체 너비 배경색이 여기에있는 마크 업에서 내포 될 수 있는지 확신하지 못하기 때문에 바깥 쪽 div에서 바로 CSS 클래스를 구현할 것입니다. – rom99

죄송 합니다만 늦어 지지만 비슷한 것을 찾으 셨습니다. 기본 부트 스트랩 안에 유틸리티 Panels이 있고 나를 위해 일했습니다. 희망은 누군가를 도울 수 있습니다.

출처

2015-05-11 17:36:08 Sposmen

부트 스트랩 3 - 다른 섹션이있는 긴 폼 - 전체 너비 배경

답변

관련 문제