在响应式设计中更改导航项的顺序

时间:2014-09-20 23:33:02

标签: html css twitter-bootstrap css-frameworks cascade-framework

我正在使用Cascade Framework,并且有一个带徽标的简单标题,选择以及指向外部网站的链接。

My fiddle is here

布局如果在桌面模式下很好。在响应模式下,它看起来像:

---------------------------------------------
Company Name
---------------------------------------------
Volvo
---------------------------------------------
Menu Here
---------------------------------------------

我在响应模式中喜欢以下内容:

---------------------------------------------
Company Name                        Menu Here
---------------------------------------------
Volvo
---------------------------------------------

These answers建议使用flexbox或jquery。我无法使用flexbox,因为我需要ie8支持。我也不必诉诸于jquery,因为这似乎应该是一个相当直接的CSS解决方案。该页面上的另一个答案显示了我已经尝试适应我的用例的大量CSS,并且也没有解决这个问题。

1 个答案:

答案 0 :(得分:2)

如何使用绝对定位?

.menuHere {
    position:absolute;
    text-align:right;
    right:0
}

http://jsfiddle.net/6txfvvo6/3/