如何使按钮正确显示在两列中

时间:2019-05-17 20:38:28

标签: php html css twitter-bootstrap css3

我在视觉上有点问题。我有一系列产品类别,其中有子类别。

我正在显示类别按钮,然后单击以打开一个面板,其中包含与该类别相对应的子类别。

问题在于第二个类别显示在下面,而不是在所有其他情况下都出现在第一个类别旁边。我正在使用Bootstrap

我留下该部分的代码以及其显示方式的图片

<?php

$item = null;
$value = null;

$category = ProductController::ctrShowCategory($item, $value);                        

    foreach ($category as $key => $value) {

        echo '<div class="col-xs-6 btnCategory">

                <button class="btn btn-default btn-block">
                    <a>'.$value["category"].'</a>

                </button>

                <div class="infoSubCategory"';

                $item = "id_category";

                $value = $value["id"];

                $subcategory = ProductController::ctrShowSubCategory($item, $value);

                echo '<li><center><a href="'.$url.$value["route"].'" class="showAll"><strong>Show All</strong></a></center></li>';

                foreach ($subcategory as $key => $value) {

                        echo '<li><center><a href="'.$url.$value["route"].'">'.$value["subcategory"].'</a></center></li>';
                    }   

                                 echo '</div>

            </div>';

    }

?>

Image

1 个答案:

答案 0 :(得分:0)

我已经解决了!就像将所有生成的所有按钮都放在一行中一样简单。

Using index