Блог

Главная - Вопросы по программированию - Как сделать так, чтобы раскрывающийся список C# и кнопка отправки были в одном ряду с загрузкой?

Как сделать так, чтобы раскрывающийся список C# и кнопка отправки были в одном ряду с загрузкой?

#c# #bootstrap-5

Вопрос:

 <div class="d-flex flex-row" >
@using (Html.BeginForm())
{
    <div class="p-2">
        @Html.DropDownList("id", ((SelectList)ViewBag.ProjectName), "- Select project -", new { @class = "form-select" })
    </div>
    <div class="p-2">
        <input type="submit" value="Choose this project" asp-action="ViewTickets" />
    </div>
}
</div>

Прямо сейчас раскрывающийся список находится над кнопкой «Отправить». Итак, я попытался обернуть оба элемента с помощью divs, но ничего не помогает. Я хочу, чтобы выпадающий список и кнопка были рядом друг с другом в строке.

Комментарии:

1. Сеточная система начальной загрузки..

Ответ №1:

Как говорится в комментарии Кая Джарда, вы хотите изучить сеточную систему начальной загрузки (https://getbootstrap.com/docs/4.0/layout/grid/). Существуют классы для строк и столбцов, которые позволяют вам выполнять то, что вы пытаетесь сделать. Приведенное ниже должно сработать в данном конкретном случае.

 <div class="row">
  <div class="col-md">
    @Html.DropDownList("id", ((SelectList)ViewBag.ProjectName), "- Select project -", new { @class = "form-select" })
  </div>
  <div class="col-md">
    <input type="submit" value="Choose this project" asp-action="ViewTickets" />
  </div>
</div>

Комментарии:

1. Да, я уже пробовал это решение раньше, но между строками и разделами col у меня была @using, и это не сработало. Теперь, когда я сделал это превыше всего остального, это работает! Спасибо!

Метки: ,