Я пытаюсь сделать Горизонтальное расположение карт в проекте asp точка net

Question

Я работаю над одним проектом, и у меня возник вопрос о мозговом штурме. Я пытаюсь сделать карту в основном приложении aspdo tnet в файле .cs html. но по умолчанию карты расположены вертикально. Я хочу их в горизонтальной манере. Что я должен сделать для этого?

Answer 1

Использовать следующий стиль в строке CSS

style="width: 18rem;display:inline-block; margin:10px"

Answer 2

Я получил ответ. Просто добавьте стиль как display: inlin-block; и удалите имя класса формы столбцов карт.

Новый файл index.cs html:

@foreach (var item in Model)
{
    <div class="card border-warning" style="width: 18rem; display:inline-block;">
        <div class="card-body">
            <strong>@Html.DisplayNameFor(model => model.EquipmentName) : </strong>
            <p> @Html.DisplayFor(modelItem => item.EquipmentName)</p>

            <strong>@Html.DisplayNameFor(model => model.EquipmentSetValueTemp) : </strong>
            <p> @Html.DisplayFor(modelItem => item.EquipmentSetValueTemp)</p>

            <strong>@Html.DisplayNameFor(model => model.EquipmentProcessValueTemp) : </strong>
            <p> @Html.DisplayFor(modelItem => item.EquipmentProcessValueTemp)</p>
            <a asp-action="Details" asp-route-id="@item.EquipmentId" class="btn btn-primary">Details</a>
            <a asp-action="Delete" asp-route-id="@item.EquipmentId" class="btn btn-primary">Delete</a>
        </div>
    </div>
}