自舉4 .card甲板弄亂列寬

Question

通知的兩個上部卡的寬度不一樣寬的下一個

View source

源代碼：

<div class="col-md-12"> 
    <div class="card-deck m-b-1"> 

    <div class="card"> 
     <div class="card-block"> 
     <img alt="Card image cap" class="card-img-top" src= 
     "http://lorempixel.com/318/180/sports/5"> 
     <h4 class="card-title">Card title</h4> 
     <p class="card-text">This is a longer card with supporting text below 
     as a natural lead-in to additional content. This content is a little 
     bit longer.</p><a class="card-link" href="#">Läs mer</a> 
     </div> 
    </div> 

    <div class="card"> 
     <div class="card-block"> 
     <img alt="Card image cap" class="card-img-top" src= 
     "http://lorempixel.com/318/180/sports/7"> 
     <h4 class="card-title">Card title</h4> 
     <p class="card-text">This card has supporting text below as a natural 
     lead-in to additional content.</p><a class="card-link" href="#">Läs 
     mer</a> 
     </div> 
    </div> 

    </div> 
</div> 

我試着改變了行和列結構，並沒有使用所有的列b沒有成功！

Answer 1

其實，這並沒有搞砸，這是預期的觀點。卡牌內有2張牌，所以有2列。要使上部2張卡片的寬度與下部卡片的寬度相同，請將它們從卡片分隔區中取出。