부트 스트랩 원하지 않는 이미지 채우기

Question

이미지를 상위 div로 채우려 고합니다. 나는 4 개의 이미지를 가지고 있으며, 그들 모두 4 명이 나란히 서기를 원한다. 부트 스트랩을 사용하고 있기 때문에 4 개의 이미지 모두에 col-xs-3 클래스를 할당했습니다. 그러나, 나는 각 이미지의 왼쪽과 오른쪽 주위에 작은 패딩을 참조하십시오.

는 여기 같은 모습의 미리보기입니다 : 내가 부트 스트랩가 제대로 작동하고 있는지 확인하기 위해 각 이미지 주위에 흰색 테두리를 추가

. 내가 가지고있는 문제는 네 개의 둥근 사각형 (4 개의 버튼으로되어 있음)뿐만 아니라 녹색 눈금 단추와 빨간색 삭제 단추입니다.

나는 그들이 원하는 높이만큼 높이기를 원하지만 Bootstrap 그리드의 3 열에 퍼져 있기를 바랍니다. 누군가 도울 수 있습니까? 내가 여기에 완전한 n00b 이냐?

자세한 내용이 필요하면 알려주십시오.

미리 감사드립니다.

여러분이 필요로하는 div의 HTML은 다음과 같습니다. 나는 그들에 어떤 CSS를 사용하지 않았다

<div class="viewGoals"> 
    <div class="container"> 
    <img src="images/b_back.png" class="col-xs-2 btnBackViewGoals btnBack"> 
    <img src="images/cookie.png" class="col-xs-4 col-xs-offset-2 titleImg"> 
    <div class="clearfix"></div> 
    <div class="goalPopulate"> 

     <div class="goalsHeader"> 
     <img src="images/b_pending.png" class="btnPendingGoals col-xs-3"> 
     <img src="images/b_complete.png" class="btnCompleteGoals col-xs-3"> 
     <img src="images/b_failed.png" class="btnFailedGoals col-xs-3"> 
     <img src="images/b_deleted.png" class="btnDeletedGoals col-xs-3"> 
     </div> 

     <div class="goalsPending"> 
     Pending Goals 
     </div> 

     <div class="goalsComplete"> 
     Complete Goals 
     </div> 

     <div class="goalsFailed"> 
     Failed Goals 
     </div> 

     <div class="goalsDeleted"> 
     Deleted Goals 
     </div> 

    </div> 
    </div> 
</div> 

Answer 1

추가 :

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { 
    paddding-right: 0; 
    padding-left: 0; 
} 

당신의 CSS에 패딩을 제거하는 것입니다.

JSFIDDLE