Радиокнопки ниже вопроса не привязаны к нему - PullRequest
Новая
       8

Радиокнопки ниже вопроса не привязаны к нему

0 голосов
/ 18 января 2019

Я пытался выровнять положение переключателей под началом вопросов, но, похоже, у меня ничего не работает.

enter image description here

Вот мой код: 

<div class="form-row" [style.display]="this.Form.value.joiningAs == '2' || this.Form.value.joiningAs == '3' ? 'block' : 'none'">
  <div class="col-md-12 mb-3">
    <label for="hasProfile">
                            Has your company created their profile on our platform?
                        </label>
    <div class="form-check">
      <label class="form-check-label">
                                <input type="radio" class="radio" name="hasCompanyProfile" value="1" formControlName="hasCompanyProfile"
                                    [(ngModel)]="Form.value.hasCompanyProfile">
                                Yes
                            </label>
    </div>
    <div class="form-check">
      <label class="form-check-label">
                                <input type="radio" class="radio" name="hasCompanyProfile" value="2" formControlName="hasCompanyProfile"
                                    [(ngModel)]="Form.value.hasCompanyProfile">
                                No
                            </label>
    </div>
  </div>
</div>

Любая помощь будет очень ценится. Я потратил слишком много времени на это.

Ответы [ 3 ]

0 голосов
/ 18 января 2019

То есть вы хотите выровнять переключатели слева с текстом? 

.form-check-label > input {
    margin-left: 0;
}

Я надеюсь, что это решит вашу проблему

0 голосов
/ 18 января 2019

В вашем CSS я бы просто установил: 

.radio {
  margin-left: 0;
}
0 голосов
/ 18 января 2019

Один из способов сделать это - установить «margin-left: -15px» (выровнять число вручную, чтобы оно соответствовало вашей странице) в классе «form-check» в CSS. Другим способом было бы создать элемент 'div', который будет содержать как флажки, так и текст. Если это не сработает, убедитесь, что у вас CSS, возможно, у «form-check» есть некоторые свойства margin или padding

...