必填字段星号未显示在同一行上

Question

我有此代码在我的必填字段中生成一个红色星号

.required:before {
    content:"* ";
    color:red;
}

在某些情况下显示得很好，但在其他情况下却不显示

如何使它显示在标签的同一行上？

<div class="form-group container-fluid">
  <label class="col-md-2 control-label required">Nombre:</label>
  <div class="col-md-10">
    <input type="text" class="form-control" ng-model="activity.name">
  </div>
</div>

Answer 1

好像是标签的宽度将文本推到下面的行中。如果增加.control-label的宽度，则应该可以将所有内容保持在同一行。

似乎您正在使用引导程序，因此请尝试更改col宽度（col-md- *）您可以分别尝试col-md-3和col-md-9或col-md-4和col-md-8。

e.g。 （3和9）

<div class="form-group container-fluid">
  <label class="col-md-3 control-label required">Nombre:</label>
  <div class="col-md-9">
    <input type="text" class="form-control" ng-model="activity.name">
  </div>
</div>