ブートストラップをブレークグリッドから修正する方法を教えてください。

Question

私が持っているもの：

私はビューを作成するためにDjangoを使用しています。

ここ

<div class="container"> 
    <div class="row"> 
    <div class="btn-group" id="makesTable"> 
    {% if makes %} 
    {% for make in makes %} 
    <button type="button" name="button" class="btn btn-default" id="{{ make.id }}"> 
     <br /> 
     <img class="center-block" src="[REDACTED]" /> 
     <br /> 
     <p>{{ make.name }}</p> 
    </button> 
    {% endfor %} 
{% endif %} 
</div> 
</div> 
</div> 

はHTML5出力である：私は現在、応答性の設計の問題を抱えてい

<div class="container"> 
<div class="row"> 
    <div class="btn-group" id="makesTable"> 
    <button type="button" name="button" class="btn btn-default" id="1"> 
     <br /> 
     <img class="center-block" src="/static/IQC/assets/img/gallery/brands/128/Acura.png" /> 
     <br /> 
     <p>Acura</p> 
    </button> 

    <button type="button" name="button" class="btn btn-default" id="2"> 
     <br /> 
     <img class="center-block" src="/static/IQC/assets/img/gallery/brands/128/Alfa%20Romero.png" /> 
     <br /> 
     <p>Alfa Romero</p> 
    </button> 

    <button type="button" name="button" class="btn btn-default" id="3"> 
     <br /> 
     <img class="center-block" src="/static/IQC/assets/img/gallery/brands/128/Audi.png" /> 
     <br /> 
     <p>Audi</p> 
    </button> 
</div> 
</div> 
    </div> 

は、ここに私のテンプレートです。あなたがあなたの問題を解決する必要がありますbox-sizing: border-box;を、使用している場合

This is how I want it to look

This is how it breaks

Answer 1

：私は、しかし、時々、私は次のような問題を取得し、5×7の格子状に配置するボタンのためにしたいと思います。