gcogco10 Ответов: 1

Как сделать ваше модальное тело больше с помощью bootstrap?


Привет Команда

У меня есть div class = "modal-body", Я не знаю, как увеличить его размер и ширину. Мне нужна помощь в моей логике ниже товарищей, спасибо.

Что я уже пробовал:

<div class="modal-body" width:"75px;">
                           <label for="Text" class="col-sm-2 col-form-label">Add users by</label>
                            <div class="form-group row">
                                <div class="col-sm-4">
                                    @Html.RadioButtonFor(m => m.adminDetails.EmailAddress, "EmailAddress")
                                    <label for="EmailAddress" class="col-form-label">EmailAddress</label>
                                </div>
                                <div class="col-sm-4">
                                    @Html.RadioButtonFor(m => m.adminDetails.LoginID, "LoginID")
                                    <label for="LoginID" class="col-form-label">LoginID</label>
                                </div>

                                <div class="col-sm-4">
                                    @Html.RadioButtonFor(m => m.adminDetails.SIS_ID, "SIS_ID")
                                    <label for="SIS_ID" class="col-form-label">SIS_ID</label>
                                </div>
                            </div>
                        </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary">Next</button>
                    </div>

1 Ответов

Рейтинг:
8

Richard Deeming

Вам нужно применить размер к modal-dialog элемент, как показано в документации:
Дополнительные размеры · модальный · Bootstrap v4.5[^]

Если вы хотите установить встроенную ширину, вам нужно будет использовать правильный синтаксис для style атрибут, и установите max-width собственность.

<div class="modal-dialog" style="max-width:75px">