Блог

Главная - Вопросы по программированию - как принудительно настроить размер div для включения свернутых элементов

как принудительно настроить размер div для включения свернутых элементов

#bootstrap-4 #blazor-server-side

#bootstrap-4 #blazor-на стороне сервера

Вопрос:

Я не уверен, что кто-то спрашивал об этом, но я не смог найти статью.

Я использую Bootstrap 4.3.1.

У меня есть div, который содержит несколько свернутых элементов. Когда вы разворачиваете и сворачиваете элементы, вы можете видеть, что div соответствующим образом корректирует свой размер (уродливый). Как я могу ограничить размер div, чтобы он не менялся при переключении свойства свертывания элементов?

Спасибо!

Обновить:

 <div class="white-rounded-box flex-column mx-auto my-auto p-sm-5">
 <h2 class="d-flex align-self-center"
     style="color:var(--my-blue)">What would you like to do?</h2>

 <button class="btn btn-primary d-flex align-self-end mb-sm-1"
      type="button">
  Create a new request
</button>
<button class="btn btn-primary d-flex align-self-end mt-sm-1"
      type="button">
Edit an old request
</button>
<MyBox class="collpase" />
</div>

ПРИМЕЧАНИЕ: «Белая закругленная рамка» — это div, а MyBox — это свернутый элемент. Размер «белого закругленного прямоугольника» — это рассматриваемый div.

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

1. Можете ли вы предоставить нам некоторые HTML и CSS со скриншотом желаемого результата и скриншотом или проблемы, с которой вы столкнулись. Это нам очень помогает.

2. @AhmadDalao … фрагмент кода прилагается… в нем есть некоторый код C #

3. Возможно, пара скриншотов?

4. @PhillipS … к сожалению, я не могу… веб-сайт с изображением заблокирован office

Ответ №1:

Я подозреваю, что Bootstrap должен изменить свойство DISPLAY на none (или аналогичное) с его классом Collapse. Для моей цели у меня все еще есть дочерние элементы, которые «занимают место», когда они не видны. Итак, я решил применить другой подход: использовать свойство VISIBILITY вместо класса Bootstrap.