Обязательное поле звездочка не отображается на одной строке

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

Я решил свою ошибку с этим:

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

Answer 2

Похоже, что ширина ваших надписей толкает текст к строкам ниже. Если вы увеличите ширину .control-label, вы сможете сохранить все на одной линии.

Похоже, вы используете загрузчик, поэтому попробуйте изменить ширину столбцов (col-md- *), которые вы можете попробоватьcol-md-3 и col-md-9 или col-md-4 и col-md-8 соответственно.

например (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>