2012-11-01 33 views
2

堆疊行可以說我有12列格兩個元素行:如何設置一個「斷點」使用zurb基礎網格

<div class="row"> 
    <div class="three columns">part 1</div> 
    <div class="nine columns">part 2</div> 
</div> 

通常它們並排顯示。像:

part1  part2 

但在情況下,屏幕比XXX這將是 較小的顯示,如果有2行...

part1 
part2 

能zurb基礎做到這一點?或任何其他框架?

編輯:我想自己指定斷點(XXX)的值。 不僅僅依靠默認行爲。

+0

這是基礎的默認行爲。我不明白這個問題。 http://foundation.zurb.com/docs/grid.php –

+0

另請參閱:http://foundation.zurb.com/docs/media-queries.php –

回答

1

如果你想改變斷點,那麼你需要修改這裏列出的斷點:http://foundation.zurb.com/docs/media-queries.php

/* Medium screens */ 
@media only screen and (max-width: 1279px) and (min-width: 768px) { ... } 

/* Small screens */ 
@media only screen and (max-width: 767px) { ... }