2017-12-13 4 views
0

카드에 전체 너비로 밀어 넣기에 충분한 텍스트가 없으면 col-md-6 열의 전체 너비에 걸쳐 카드를 늘릴 수 없습니다. 그러나, 텍스트가없는 경우에도 col-md-6 컬럼의 전폭이 될 수 있습니다.부트 스트랩 4 카드 너비

만약 내가 <p> 태그의 주석을 없애면 너비가 완벽하게 맞지만, 텍스트가 거의 없어도 전체 너비로 만들 필요가 있습니다.

<div class='col-md-6 jobs_index_middle_panels'> 
    <div class="row"> 


<div class="card"> 
    <div class="card-block"> 
    <h4 class="card-title">Card title</h4> 
    <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6> 
    <!--<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>--> 

    </div> 
</div>   


    </div> <!--/.row --> 
</div> <!-- ./col-md-6 --> 

답변

1

카드가 내부에 직접 col-*되어야하며 col-*.row 안에 있어야 ...

https://www.codeply.com/go/tBl8MZOn7i

<div class="row"> 
     <div class="col-md-6 jobs_index_middle_panels"> 
      <div class="card"> 
       <div class="card-block"> 
        <h4 class="card-title">Card title</h4> 
        <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6> 

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