col-xs大小以col-md大小工作

Question

这是我的编码。在段落标签中，col-xs-12正在使用中型设备。它没有采用col-md-3尺寸。

<p class="col-md-3 col-sm-6 col-xs-12"> To what e-mail should we send the money?</p>
    <div class="col-md-4 col-sm-5 col-xs-8">
    <input id="email" type="text" name="email" size="30" value="">
    </div>

Answer 1

尝试此完整视图：https://jsfiddle.net/riwakawebsitedesigns/bs22bkjt/5/embedded/result/

修改：https://jsfiddle.net/riwakawebsitedesigns/bs22bkjt/5/light/

<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">

<form action="" method="post" enctype="multipart/form-data" class="form-horizontal">
<div class="form-group">
<label class="col-lg-6 col-md-6 col-sm-6 col-xs-12" for=""> To what e-mail should we send the money?</label>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<input type="text" name="" value="" id="" class="form-control" />
</div>
</div>
</form>

</div>
</div>
</div>

如果768px和标签下面会显示上面的输入。