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

【问题标题】：How to make the buttons appear in two columns correctly如何使按钮正确显示在两列中
【发布时间】：2019-05-18 05:45:48
【问题描述】：

我有一点视觉问题。我有一系列产品类别，其中包含子类别。

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

问题是第二个类别出现在下面，而不是像所有其他类别一样出现在第一个类别旁边。我正在使用引导程序

我留下该部分的代码和它的显示方式的图像

<?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

【问题讨论】：

您能否发布一个使用 CSS 呈现的 HTML 示例，这样我们就不必尝试将小矮人重新组合起来？
不要使用列表，我的第一个想法是浮动 li 元素。 CSS float:leftetc.
@AdamBuchananSmith 尝试制作一个示例，但是如果我通过嵌套许多 div 来显示几个按钮来做到这一点，而不考虑带有 php 变量的 foreach，那么一切都会正确显示。并且看不到问题
@ArtisticPhoenix 我试过了，但这不是问题。如果我所做的这一切都没有考虑到 foreach 和 php 变量，制作几个按钮的简单示例，它工作正常，但我不明白为什么这不起作用
没有上面建议的Can you post a sample of the rendered HTML，这只是一个猜谜游戏。 这里有一个提示，你的<ul> 标签在哪里。在那个 PHP 代码中找不到它。

标签： php html twitter-bootstrap css

【解决方案1】：

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

<?php

$item = null;
$value = null;

echo '<row>';

$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>';

    }

echo '</row>';

?>

【讨论】：