如何只在整個網站上放置廣告欄，但在移動設備上只顯示一個廣告，每4個帖子

Question

我正在製作一個網站，我需要在廣告欄的側邊欄中顯示博客文章。令人驚訝的是，客戶希望在移動設備上看到一個特定的視圖，這些視圖正在讓我失望。網站的小屏幕視圖需要顯示4個帖子，然後是廣告。在兩個不同的網站（一個用於移動設備，另一個用於桌面）很容易，但我無法僅使用引導程序。

的所需視圖的一個例子是：

桌面：

| post | post | ad | 
| post | post | ad | 
| post | post | ad | 

手機：

| post | 
| post | 
| post | 
| post | 
| ad | 
| post | 
| post | 
| post | 
| post | 
| ad | 
| post | 
| post | 
| post | 
| post | 
| ad | 

這是困難的，因爲如果使一個8欄顯示柱和一個4山口對於側欄，在移動視圖中，它不會以我想要的方式查看。另一方面，如果我爲每個連續發佈的帖子使用4個col，然後展示一個廣告，整個網站的視圖將看起來不太好。也許在使用隱藏 - *是答案，但我在想它。

任何幫助將:-)

Answer 1

你應該使用混合網格配置，將格式化大型設備（桌面）和小型設備（移動）的不同理解。

開始通過檢查一下例子：

http://getbootstrap.com/css/#grid-example-mixed

而且他們盼着移動，直到你的最終佈局已準備就緒。

您甚至可以與移動設備，臺式機和平板電腦不同的佈局走的更遠：

http://getbootstrap.com/css/#grid-example-mixed-complete