[解決済み] ブートストラップ・パネルのサイズを設定するには？

質問

そこで、パネルを使ってウェブページを作っています。アイデアは、データベースから行を取得し、パネルに表示することです。パネルプライマリの幅を15%に設定したところ、視覚的に15%にリサイズされました。パネルをクリックできるようにしたいので、パネルを囲む (<'a'>) を追加したところ、パネルのサイズが視覚的に15%であるにもかかわらず、水平方向のスペースがすべて使用されることに驚きました。カーソルが手であることに注目してください。

この部分のコードを添付します。

<?php
$sql = "SELECT * FROM pembelitkataku";
$result = mysqli_query($db, $sql);
while($row = $result->fetch_array())
{
?>
<a href="">
    <div class="panel panel-primary" style="width: 15%">
        <div class="panel-heading"><?php echo $row['text']; ?></div>
        <div class="panel-body"><?php echo "<img src = 'images/".$row['image']."' width=\"100\">"?></div>
    </div>
</a>
<?php
}
?>

質問ですが、複数のパネルを横に並べられるように、視覚的・物理的にパネルサイズを15%に変更するにはどうすればよいでしょうか。

解決方法は？

アンカーはインライン要素であり、ブロックレベルではありません。アンカーはパネルdivの中に置くべきで、ラップするべきではありません。