0

введите сюда описание изображения

Мне надо сделать форму по центру.
Я пробовал, например, col-lg-2, но он только уменьшал ширину

<form>
  <div class=" mt-3 form-floating mb-3">
    <input type="email" class="form-control" id="floatingInput" placeholder="[email protected]">
    <label for="floatingInput">Email address</label>
  </div>
  <div class="form-floating mb-3">
    <input type="password" class="form-control" id="floatingPassword" placeholder="Password">
    <label for="floatingPassword">Password</label>
  </div>
  <button type="submit" class="btn btn-primary btn-lg">Submit</button>
</form>

1
  • Нужно обернуть всю форму в контейнер нужной ширины.
    – Pilaton
    20 дек 2021 в 18:48

1 ответ 1

0

<div class="d-flex justify-content-center"></div>

<div class="d-flex justify-content-center">
  <form>
    <div class=" mt-3 form-floating mb-3">
    <input type="email" class="form-control" id="floatingInput" placeholder="[email protected]">
    <label for="floatingInput">Email address</label>
  </div>
  <div class="form-floating mb-3">
    <input type="password" class="form-control" id="floatingPassword" placeholder="Password">
    <label for="floatingPassword">Password</label>
  </div>
    <button type="submit" class="btn btn-primary btn-lg">Submit</button>
  </form>
</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.