标签在大屏幕上合理，但以小屏幕为中心

Question

我试图找出如何将我的标签放在小屏幕上，但在大屏幕上证明它们是合理的。

css

.left-form{
    text-align: right;
}

@media (min-width: 768px) {
    label{
        text-align: center !important;
    }
}

html

<div class="form-group row">
    <div class="col-md-2 col -xs -6 left-form">
        <label for="codeDemarche">label</label>
    </div>

    <div class="col-md-3">
        <input class="form-control" type="text" disabled id="codeDemarche" name="codeDemarche">
    </div>
</div>

Answer 1

使用移动优先方法。首先介绍它在移动设备中的外观，然后为更大的屏幕添加媒体查询。

另外，使用相同的选择器！

\K