2017-04-10 2 views
-1

에 배경 색상 나는 진행중인 일이부트 스트랩 - 행

www.codepen.io/anon/pen/yMmjZb 

오전 데 문제는 제 3 행 (3 열이있는 사람은) 설정 배경 색상을 가지고 있지만이 이상 출혈이다 내가 바라는 경계. 나는 전체 페이지 너비되는 행으로 인해 의심입니다. 개별적으로 열을 배경으로 적용하려고했지만 페이지의 크기가 조정될 때 각 열이 다른 높이가되어 채우기의 맨 아래가 일관되지 않습니다. 모든 솔루션?

+2

이 질문에하지 않는 (비 작동)에서 코드를 보여주십시오 링크 –

답변

2

귀하의 코드를 확인했으며 여기가 해결책입니다. col-md-4col-md-12으로 묶어 패딩을 채우고 등급을 col-homepage으로 지정하기 만하면됩니다. 여기

http://codepen.io/sahildhir_1/pen/BWXVoz

+0

완벽하고 간단합니다! 감사합니다 –

+0

당신은 오신 것을 환영합니다 :) –

1

행에서 margins을 삭제하면됩니다. 현재 -15px; 여백이 있습니다. 그것을 0으로 만들고 행은 전체 너비에 걸쳐 있습니다.

0

이 행 후 <div class="col-md-12"> 추가 IT-하는 펜입니다. 부트 스트랩에서, 우리는 항상 열을 연속으로 포장합니다. 당신이 두 번째 행에서했던 것처럼, 당신은 col-md-12 수업 후 추가해야 .row

그래서 코드 의지처럼 보인다 -

<div class="row"> 
    <div class="col-md-12"> 
     <div class="container-fluid col-homepage"> 
     ....