Html 两个引导标签从左变右无移动视图

我有两个引导标签在一起。一个向左拉，另一个向右拉

请参阅HTML：

<div class="form-group">
    <label class="pull-left" for="inputText">label text one</label>
    <label class="pull-right col-md-pull-6" for="inputText">label text two</label>
    <select class="form-control" id="inputText" name="inputText">
          <option value="0">Text</option>
    </select>
</div>

标签文本一
标签文本二
正文

我想做的是使右拉标签在手机上向左浮动，并使其位于左拉标签的顶部

我知道这可以通过div的推拉来实现，但如何通过标签来实现呢

---

非常感谢您的帮助。

您可以尝试将标签放置在div中，然后将div向左浮动，如下所示：

---

label text one

对于标签，您可以在小屏幕上包括12列宽（即

col-xs-12

），在中屏幕和大屏幕上包括6列宽（即

col-md-6

）

这将使标签在小屏幕上彼此重叠，在大屏幕上彼此相邻

我使用媒体查询在中型和大型屏幕上添加了正确的文本对齐方式（我不知道您是否需要）

请参阅下面的运行示例

@媒体屏幕和（最小宽度：992px）{
标签col-md-6：第n个孩子（2）{
文本对齐：右对齐；
}
}

标签文本一
标签文本二
正文