Boostrap Grid не отвечает

Boostrap Grid не отвечает

На опубликованном мной изображении показан написанный мной код. На самом деле не потому, что код состоит из 7000 строк, но блоки div показаны ниже.

Когда одно поле становится длиннее, например понедельник, вместе с ним перемещаются все остальные блоки, например суббота и воскресенье. Я хочу, чтобы сетки всплыли вверх. Любая помощь будет оценена по достоинству.

    `<div class = "container">
  <div class = "row">
    <div class = "col-sm">
mondays
    </div>
    <div class = "col-sm">
tuesdays    </div>
    <div class = "col-sm">
wedsdays
    </div>

ECT.
  </div>
</div>`

Я не могу быть уверен, не увидев фактический код, но подозреваю, что если ваш код состоит из 7000 строк, вам где-то не хватает закрывающего </div>, из-за чего DOM неправильно отображает столбцы.

Dan 29.07.2018 15:33
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
1
18
1

Ответы 1

Какую версию Bootstrap вы используете? Вы поступили правильно сеточная документация. Пожалуйста, попробуйте сетку с номером. Должно быть как col-sm-3 или col-sm-4.

Спасибо за быстрый ответ. Я использую bootstrap 4. Я попробовал рекомендованные вами изменения, но ничего не изменилось. расстояние было отрегулировано, но ничего не сдвинулось.

user9895050 29.07.2018 19:38

Другие вопросы по теме