ブートストラップボタンのフォーマット

Question

私は目に優しい4x4キーボードを作成しようとしています。残念ながら、私はボタンをグループに分けましたが、フォーマットされていないようです - 別々の行にはさまざまな長さがあります。また、ボタンの中には丸みを帯びたものがあります。ショートカットでは、以下のようになります。

はそれを修正するためにCSSを使用しないようにあらゆる可能性はありますか？つまり、私の目標は1つの大きな正方形にフォーマットし、16個に分割することです。ここ は私のコードです：

<div class="btn-group" role="group"> 
<button id = "1" value="1" class="btn btn-info">1</button> 
<button id = "2" value="2" class="btn btn-info">2</button> 
<button id = "3" value="3" class="btn btn-info">3</button> 
<button id = "plus2" value="plus2" class="btn btn-primary">+</button> 
</div><br> <div class="btn-group" role="group"> 
<button id = "4" value="4" class="btn btn-info">4</button> 
<button id = "5" value="5" class="btn btn-info">5</button> 
<button id = "6" value="6" class="btn btn-info">6</button> 
<button id="minus2" value="minus2" class="btn btn-primary">-</button> 
</div><br> <div class="btn-group" role="group"> 
<button id = "7" value="7" class="btn btn-info">7</button> 
<button id = "8" value="8" class="btn btn-info">8</button> 
<button id = "9" value="9" class="btn btn-info">9</button> 
<button id = "razy2" value="razy2" class="btn btn-primary">*</button> 
</div><br><div class="btn-group" role="group"> 
<button id = "0" value="0" class="btn btn-info">0</button> 
<button id = "p" value="p" class="btn btn-primary">,</button> 
<button id = "rowna" value="rowna" class="btn btn-success">=</button> 
<button id = "dziel2" value="dziel2" class="btn btn-primary">/</button> 
</div> 

私は最初と最後のボタンはまだ様々な長さを持って丸みを帯びた角や線を持っている、一つの大きなグループにこれらの小グループを交換したとき。

ありがとうございます。