有幾行，而不是崩潰（引導）

Question

菜單欄是否有可能創造這樣的菜單欄與Twitter的引導3按鈕和下拉菜單：

在大型顯示器

--------------------------------------- 
btn1 | btn2 | btn3| btn4 | btn5 | btn6| 
--------------------------------------- 

在中間顯示

------------------- 
btn1 | btn2 | btn3| 
------------------- 
------------------ 
btn4 | btn5 | btn6| 
------------------- 

在小型顯示

------ 
btn1 | 
------ 
------ 
btn2 | 
------ 
------ 
btn3 | 
------ 
------ 
btn4 | 
------ 
------ 
btn5 | 
------ 
------ 
btn6 | 
------ 

Answer 1

利用媒體查詢，你應該能夠與設置爲100％，在小屏幕上，30-33％的中等屏幕（如果你知道永遠有三個），以及任何你需要的它在大屏幕上。

如果將此.css行添加到父元素 - 例如， ul。

text-align:justify; &:after { content: ''; width: 100%; display: inline-block; } 

每個菜單項都應該對齊自己作爲合理的。

這裏有一個快速的jsfiddle：http://jsfiddle.net/nMGfT/