Я работаю на сайте с bootstrap4 - PullRequest
Новая
       19

Я работаю на сайте с bootstrap4

0 голосов
/ 04 мая 2020

FORM

Я создаю форму, подобную этой, но я не знаю, как последовательно расположить все переключатели в ряд. Может ли кто-нибудь помочь мне с этим.

Количество гостей 1 

                       <input type="radio" name="opt2" class="form-control" id="opt2">
                      <label for="opt1">2</label>

                      <input type="radio" name="opt3" class="form-control" id="opt3">
                      <label for="opt3">3</label>
                      <input type="radio" name="opt4" class="form-control" id="opt4">
                      <label for="opt4">4</label>
                      <input type="radio" name="opt5" class="form-control" id="opt5">
                      <label for="opt5">5</label>

                       </div>


              </div> 
            </form>

Это мой код для радиокнопок. Когда я запускаю этот код, все кнопки располагаются вертикально.

пожалуйста, не сообщайте об этом вопросе. Я нуб на этой платформе, поэтому я не знаю точно, как она работает. Заранее спасибо.

1 Ответ

0 голосов
/ 04 мая 2020

Используйте этот код: 

<div>
  <div class="row">
    <div class="form-check form-check-inline">
      <input name="gruppo2" type="radio" id="radio4" checked>
      <label for="radio4">Opzione 1</label>
    </div>
    <div class="form-check form-check-inline">
      <input name="gruppo2" type="radio" id="radio5">
      <label for="radio5">Opzione 2</label>
    </div>
  </div>
</div>

Какие изменения? если вы используете класс form-check-inline, радио будет отображаться в одной строке.

...