font awesome asterisk wraps

Question

Я использую шрифт awesome с фреймворком bootstrap. Всякий раз, когда я помечаю поле, как требуется, звездочка (fa-asterisk) отображается правильно. Тем не менее, он отображается в завернутом виде под текстовым вводом. Некоторые вещи, которые я пробовал - 1) .fa {display: inline; // также пытались встроенный блок 2) пыталась маркировка контейнера DIV (форма-группа) входные полей с переливом: скрытый

.form-группа { переполнения: скрытый; overflow-wrap: inherit; }

Ничто не работает - все еще обертывает звездочку под полем ввода. Изменение размера контейнера поля ввода (от col-md-6 до чего-то меньшего) также не помогает.

Любые идеи ???

**Here is the HTML**  
         <div class="form-group"> 
          <label class="col-md-6 control-label" for="patientSSN">Patient SSN</label> 
          <div class="col-md-6"> 
           <input type="text" class="form-control" name="patientSSN" id="patientSSN" placeholder="" value=""> 
          </div> 
         </div> 

**Here is the javascript (using formValidation with bootstrap framework)** 

.formValidation({ 
      message: 'This value is not valid', 
      //err: { 
      // container: 'tooltip' 
      //}, 
      framework: 'bootstrap', 
      icon: { 
       //required: 'glyphicon glyphicon-asterisk', 
       //valid: 'glyphicon glyphicon-ok', 
       //invalid: 'glyphicon glyphicon-remove', 
       //validating: 'glyphicon glyphicon-refresh' 
       required: 'fa fa-asterisk', 
       valid: 'fa fa-check', 
       invalid: 'fa fa-times', 
       validating: 'fa fa-refresh' 

      } 

**Here is the CSS (inside font-awesome.css)** 
.fa-asterisk:before { 
    display:inline-block; line-height:inherit;color:darkred;font-size: 7px;content: "\f069"; 
} 

Answer 1

Пожалуйста, покажите свой код для полного решения для быстрого решения вы можете сделать это:

.validator{ 
    white-space:nowrap; 
}