Ответственный дизайн ломается после сокращения браузера

Question

Я пытаюсь построить дизайн бутстрапа ни с чем особенным, кроме нескольких столбцов и некоторой информации. Прежде всего, я хотел бы знать, хорошо ли мой код, потому что я вижу, что элементы не похожи на столбец ниже столбца, как это должно быть после просмотра страницы с небольших устройств. Мне на самом деле сейчас очень грустно об этом, потому что я так устал, что больше не могу это исправить. Пытаться, пытаться и пытаться, но никаких результатов. Может быть, вы можете посмотреть мой код? (Я хотел бы добавить фрагмент, но для правильных результатов есть полный источник, который я добавил here

Другой вопрос, мне нужно настроить минимальный размер, где начальная загрузка начинается с 320 пикселей. Где я могу это сделать ?

FiddleHERE!

Answer 1

Я посмотрел на свой код, и кажется, что ваша проблема в основном только общее непонимание того, как самозагрузки отзывчивость работает. Я хотел бы предложить чтение на немного больше, чтобы получить представление о том о том, как он используется на практике. Когда вы устанавливаете все свои столбцы в один размер, вы отбираете то, что делает отзывчивость загрузочных файлов полезной. нг так, как экран становится все меньше, компоненты получить больше столбцов, таких как

<div class="col-lg-6 col-md-9 col-sm-12">...</div> 

Это займет хорошее количество экспериментов для того, чтобы выглядеть безупречно! :)