Question

引导程序中的列始终采用最小的设置大小，而不是采用适当设备宽度的大小。这导致我的所有输入在导航器中都是完整大小，而不是分别是3/4 - 1/4，就像我的代码应该做的那样。每个其他样式元素都可以正常工作。

这是我的代码：

<!DOCTYPE html>
<html>  
    <?php include("head.php");?>

    <body>
        <?php include("nav.php");?>

        <form method='post'>
            <h2 class='sr-only'>Informations d'entreprise</h2>
            <div class='row'>
                <div class='col-md-9 col-xs-12'>
                    <div class='form-group'>
                        <input class='form-control' name='entreprise' type='text' placeholder="Nom de l'entreprise" />
                    </div>
                </div>
                <div class='col-md-3 col-xs-12'>
                    <div class='form-group'>
                        <input class='form-control' name='telephone' type='tel' placeholder="Numéro de téléphone" />
                    </div>
                </div>
            </div>  
        </form>

        <?php include("footer.php");?>
    </body>
</html>

感谢任何可以帮助我的人。

Answer 1

您可以使用解决方案https://jsfiddle.net/6apc4h7s/

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<form method='post'>
    <h2 class='sr-only'>Informations d'entreprise</h2>
    <div class='row'>
        <div class='col-xs-12 col-md-9'>
            <div class='form-group'>
                <input class='form-control' name='entreprise' type='text' placeholder="Nom de l'entreprise" />
            </div>
        </div>
        <div class='col-xs-12 col-md-3'>
            <div class='form-group'>
                <input class='form-control' name='telephone' type='tel' placeholder="Numéro de téléphone" />
            </div>
        </div>
    </div>  
</form>

＆＃13;

您始终应按照小型到大型设备的顺序指定类。

如下面的代码：

<div class='col-xs-12 col-md-3'>

采用Bootstrap

1 个答案: