创建包含两行的响应式导航栏

时间:2017-08-30 00:40:07

标签: html css twitter-bootstrap user-interface navbar

我正在尝试创建一个基于Bootstrap 3的响应式导航栏,其中包含两行。但是,我在使用HTML结构和折叠功能时遇到了问题。

下面是对所需结果的直观描述,我希望有人可以指出我在HTML / CSS方面的正确方向(尽可能使用默认的Bootstrap功能)。

桌面:

|---------------------------------------------------------------|
| LOGO | (MD DROPDOWN MENU)|            | A-Option1 | A-Option2 |
|---------------------------------------------------------------|
|                                       | B-Option1 | B-Option2 |    
|---------------------------------------------------------------|

MOBILE

|----------------------------------------|
| LOGO |            |A-Option1|A-Option2 |
|----------------------------------------|
| (MD DROPDOWN MENU)|         HaMBuRGER  |  
|----------------------------------------|

非常感谢你的帮助

0 个答案:

没有答案