한 줄에 두 개의 이미지를 표시하는 방법 부트 스트랩 3

Question

안녕하세요. 부트 스트랩이 처음인데 한 줄에 두 개의 이미지를 표시하고 응답 기능을 유지하는 방법을 알고 싶습니다.

<div class="col-xs-12 col-md-8"> 
<img src="images/l.jpg" class="img-responsive" alt="Logo"> 
</div> 

Answer 1

물론, BS2를 들어

<div class="row"> 
    <div class="col-xs-6 col-md-6"><img src="yourimage"/></div> 
    <div class="col-xs-6 col-md-6"><img src="yourimage"/></div> 
</div> 

EDIT : BS4 들어 2017년 1월 3일 (w/인 flexbox)

BS3 들어

<div class="row-fluid"> 
    <div class="span6"><img src="yourimage"/></div> 
    <div class="span6"><img src="yourimage"/></div> 
</div> 

<div class="row"> 
    <div class="col"><img src="yourimage"/></div> 
    <div class="col"><img src="yourimage"/></div> 
</div> 

또 다른 해결책은 왼쪽의 이미지를 떠하는 것입니다

<img class="pull-left" src="yourimage"/> 
<img class="pull-left" src="yourimage"/> 

Answer 2

그것은 당신의 CSS 소스 코드입니다

<div class="col-xs-12 col-md-8"> 
<div class="row"> 
    <div class="col-xs-4 col-md-4"> 
    <img src="images/l.jpg" class="img-responsive" alt="Logo"> 
    </div> 
    <div class="col-xs-4 col-md-4"> 
    <img src="images/2.jpg" class="img-responsive" alt="Logo"> 
    </div> 
    <div class="col-xs-4 col-md-4"> 
    <img src="images/2.jpg" class="img-responsive" alt="Logo"> 
    </div> 

</div> 
</div>