我的引導程序壞了嗎？ 網格系統無法正常工作

Question

我的第一個問題也是一個非常簡單的問題。因此，我在這里有了一個小腳本，該腳本必須創建具有動態內容的行。 它將在一行中附加4個框（列），然后將其附加到容器中。 如果完成該過程，它將容器附加到主容器。 現在我看到，在移動設備上的4K顯示屏上，每一列的寬度都是行的100％。

這是我的腳本發布的內容：

 <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

編輯：

控制台是干凈的，只是日志：

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

產生的輸出：

Answer 1

代碼對我來說很好用-您在看什么屏幕寬度？

col-md-xx僅影響992px或更寬的視口-對於較小的設備，您可能希望使用col-sm-xx或col-xs-xx 。

看到這里了解更多信息。

Answer 2

當我將代碼段擴展到全頁視圖時，我看到了這項工作。 現在，在精簡視圖中，因為引導程序是響應式的，所以一切都會堆疊。 我建議您使用像col-sm-3這樣的東西來定位較低的查看端口寬度。