使用Bootstrap3浮动右侧面板

时间:2014-11-13 12:30:54

标签: twitter-bootstrap-3 responsive-design

我有全宽模板,左侧有一个侧边栏。主要内容区域包含在<div class=row><div class=col-lg-12>中。我想添加&#34;搜索&#34;按钮,如果用户点击它,那么全高搜索侧边栏应该出现在col-3大小的右侧。主要内容区域也应缩小到col-9。当然,我可以通过在div上切换必要的类来使用javascript。但在这种情况下,搜索面板将显示在小型设备上的主要内容下。但我需要在主要内容上面显示它。同样,宽屏幕 - 侧边栏必须在右侧显示col-3,小屏幕 - 侧边栏必须在主要内容上方显示全宽。有可能吗?

0 个答案:

没有答案