2013-03-03 77 views
0

我使用zurb基礎導軌gem來創建一個新的應用程序,除了軌道滑塊根據圖像大小改變高度以外,它完美地工作。如何在軌道中設置zurb軌道滑塊的高度?

我想設置500px的默認高度,但我不確定如何。 JS和CSS選項provided不提供更改高度的能力,並且在使用html的視圖中執行操作也不起作用。

任何人都可以告訴我如何提供一個固定的高度,我的滑塊所有圖像?

謝謝

回答

0

我有同樣的問題。幻燈片的容器,似乎對該類DIV控制:軌道滑梯容器

所以我補充說,格與height屬性我layout.css.scss文件:

.orbit-slides-container { 

    height: 500px; 

    } 

這是重要的是我的application.css有layout.css.scss,因爲我沒有在其他地方包含它。這裏是一個snippit的:

*= require foundation_and_overrides 
*= require layout 
*/ 

希望它適合你。

+0

另外我「認爲」高度會自動設置爲默認情況下的最大圖像。因此,如果您將所有圖像設置爲相同的高度/寬度,那麼軌道的默認設置就是這個。我在github和heroku上發佈了基礎4軌道的基本示例。 Github在這裏:https://github.com/akkdio/orbit heroku在這裏:http://arcane-depths-4560.herokuapp.com/task/index – akkdio 2013-07-21 20:31:05