Css 移动设备上的引导左对齐右文本类

在我的表单标签上使用

text right

类，当响应时，我希望标签左对齐，因此它是左上而不是右上，但是对

text align:left

的更改似乎没有生效

@介质（最大宽度：767px）{
.form group>label.text-right{
文本对齐：左对齐；
颜色：红色；
}
}

标签

注意：公认的答案最适用于引导4，但以下内容适用于引导3

这已经成为

！重要信息

设置在

上。文本右侧

您还可以设置

！重要信息

。我可能建议不要使用

.text right

类，也可以自己制作。使用

！重要信息

覆盖另一个

！重要信息

让我畏缩。我不推荐它，我建议使用

！重要信息

尽可能不频繁。不过，我可以理解Bootstrap为什么在这里使用它

我给你两个选择

以下是您可以做的：

@介质（最大宽度：767px）{
.form group>label.text-right{
文本对齐：左！重要；
颜色：红色；
}
}

标签

注意：公认的答案最适用于引导4，但以下内容适用于引导3

这已经成为

！重要信息

设置在

上。文本右侧

您还可以设置

！重要信息

。我可能建议不要使用

.text right

类，也可以自己制作。使用

！重要信息

覆盖另一个

！重要信息

让我畏缩。我不推荐它，我建议使用

！重要信息

尽可能不频繁。不过，我可以理解Bootstrap为什么在这里使用它

我给你两个选择

以下是您可以做的：

@介质（最大宽度：767px）{
.form group>label.text-right{
文本对齐：左！重要；
颜色：红色；
}
}

标签

Bootstrap的文本对齐类具有响应性。您不需要任何额外的CSS
使用

文本sm右文本左文本

<div class="form-group row">
        <label class="col-sm-2 col-form-label text-sm-right text-left">Label</label>
        <div class="col-sm-10">
            <input type="text" class="form-control">
        </div>
</div>


标签

演示：
Bootstrap的文本对齐类具有响应性。您不需要任何额外的CSS
使用
文本sm右文本左文本

<div class="form-group row">
        <label class="col-sm-2 col-form-label text-sm-right text-left">Label</label>
        <div class="col-sm-10">
            <input type="text" class="form-control">
        </div>
</div>


标签

演示：
尝试使用
！重要信息
很遗憾，没有更改它。我复制了您的代码段，它工作正常，请尝试通过
ctrl
+
f5
刷新浏览器缓存，尝试使用
！重要提示
不幸的是，没有更改它。我复制了您的代码片段，它工作正常，请尝试通过
ctrl
+
f5
刷新浏览器缓存。我认为您是对的。我将自己创建一个类，甚至
！重要信息
未生成结果。它在我的代码段中生成。这取决于你的CSS文件加载的位置和时间。我认为你是对的。我将自己创建一个类，甚至
！重要信息
未生成结果。它在我的代码段中生成。这取决于你的CSS文件加载的位置和时间。这甚至更好！那好多了！看起来在Bootstrap 3中没有可用的
text sm right
，所以我将把我的答案留给任何找到这个并使用Bootstrap 3的人，但这更简单。这甚至更好！那好多了！看起来在Bootstrap 3中没有可用的
text sm right
，所以我将把我的答案留给任何找到它并且正在使用Bootstrap 3的人，但这更简单。