Является ли мой загрузочный лоток? Grid-System не работает должным образом

Question

Мой первый вопрос здесь и очень простой тоже. Итак, у меня здесь небольшой скрипт, который должен создавать строки с динамическим контентом. Он добавит 4 ячейки (столбцы) в одну строку, а затем добавит строку в контейнер. Если он завершит этот процесс, он добавит контейнер в основной контейнер. Теперь я вижу, что каждый столбец имеет 100% ширину строки на 4К-дисплее, как на мобильном устройстве.

Это то, что мой сценарий тушит:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 
<div id="magazin-widget"> 
 
    <div class="container"> 
 
    <div class="row"> 
 
     <div class="col-md-3">Dynamic Box 1</div> 
 
     <div class="col-md-3">Dynamic Box 2</div> 
 
     <div class="col-md-3">Dynamic Box 3</div> 
 
     <div class="col-md-3">Dynamic Box 4</div> 
 
    </div> 
 
    <div class="row"> 
 
     <div class="col-md-3">Dynamic Box 5</div> 
 
     <div class="col-md-3">Dynamic Box 6</div> 
 
     <div class="col-md-3">Dynamic Box 7</div> 
 
     <div class="col-md-3">Dynamic Box 8</div> 
 
    </div> 
 
    </div> 
 
</div>

Я не вижу ошибки в этой разметке ... Может быть, это моя самозагрузки? Потому что, насколько я знаю, это должно выглядеть так: http://getbootstrap.com/css/#grid-example-basic

Edit:

консоль чистый только журналы:

JQMIGRATE: Migrate is installed, version 1.4.1 
[cycle2] --c2 init-- 

Произведенный выход:

Answer 1

Я вижу эту работу, когда я расширяю фрагмент до полного просмотра страницы. Прямо сейчас в сжатом виде, потому что бутстрап реагирует, все собирается стекаться. Я предлагаю вам использовать что-то вроде col-sm-3 для ориентации на меньшую ширину порта представления.

Answer 2

Код работает отлично для меня - на какой ширине экрана вы смотрите?

col-md-xx только эффекты с разрешением в 992 пикселя или более - вы можете использовать col-sm-xx или col-xs-xx для небольших устройств.

см. here для получения дополнительной информации.