php - 响应式图像和文本对齐

Question

我有一个站点使用三个 col-md-4 作为一个类。 这是代码:

echo '<div class="head6 panel-heading">Local Business Listing</div>
        <div class="panel-body">

    ';

    $funcs->viewSurvey();

    $array4 = $funcs->viewSurvey();
    $searchengine = $array4['searchengine'];
    $sum = $array4['sum'];

    $searches = explode(',', $searchengine);
    $searchesa = array("Google","Yahoo","Bing");

    $check = '<img src="images/checked.png" height="40px" width="40px">';
    $uncheck = '<img src="images/unchecked.png" height="40px" width="40px">';

    foreach ($searchesa as $key_a => $val_c) {

        $found = false;

        echo '<div class="col-sm-4">';

        foreach ($searches as $key_b => $val_d) {
            if ($val_c == $val_d) {
                echo ''.$check.'<h3 class="head6">'. $val_c.'</h3>' ;     
                $found = true;

            }     
        }
        if (!$found){
            echo ''.$uncheck.'<h3 class="head6">'. $val_c.'</h3>' ;

        }

        echo '</div>';
    }

    echo '

    </div>';

当屏幕较小时，它看起来像这样

即使在移动显示器中，我怎样才能将它放在单行中？

Answer 1

即使在移动显示中，您也可以将 col-xs-4 用于单行。