-1
A
回答
0
你只需要添加一个覆盖标志和导航容器的移动定位导致某些CSS代码。
@media only screen and (max-width:640px) {
#logo {float:left;position:relative;max-width:49%;}
#navigation_container {float:right;position:relative;max-width:49%;}
}
你需要在你的具体情况来制定出标记正确的CSS标识符所以这个CSS代码将工作,以及任何断点宽度值是有道理的,您的情况。 最后提示:在css中为0123这两个容器的overflow:hidden
将防止该容器的崩溃,以便此标题区后面的内容不会挤占标题空间。
1
通过移动视图在twitter引导网站上查看DOM我将width:100%
添加到导航栏container
类。看起来像这样:
@media (max-width: 991px){
.navbar-toggleable-md>.container {
padding-right: 0;
padding-left: 0;
width: 100%; //ADD ME
}
}
这使得Bootstrap文本出现在左边,手机导航按钮在右边。我没有广泛测试这个,所以你可能想这样做。还有一件事要记住的是,版本4仍然处于alpha阶段,所以事情可能会发生变化。
1
使用navbar-toggler-right
的菜单图标仍然在右侧,所以你需要分享您所使用的代码..
相关问题
- 1. Bootstrap导航栏宽度大于视口
- 2. 如何使下拉导航栏全宽
- 3. 确保导航栏全宽
- 4. 全宽导航栏标识引导
- 5. Twitter的引导 - 全宽导航栏
- 6. 无法制作顶部导航栏全宽
- 7. 导航栏:第二级全宽
- 8. 导航栏不扩展全宽oniPad
- 9. 我的网站的全宽导航栏
- 10. 全宽和对齐的导航栏
- 11. CSS全宽度中心的导航栏
- 12. 导航栏不适合全宽
- 13. Bootstrap 3:导航栏不是全宽
- 14. 在Bootstrap导航栏上方添加全宽图像
- 15. 如何在iPhone上的视图上绘制导航栏和工具栏?
- 16. 如何更改在哪个视口宽度处显示画布外导航栏?
- 17. 如何制作动画sidein导航栏?
- 18. 如何制作响应式导航栏?
- 19. 如何制作materializecss中心导航栏?
- 20. 如何制作响应式导航栏?
- 21. 如何制作粘滞导航栏?
- 22. 如何制作水平导航栏?
- 23. 如何制作2级导航栏?
- 24. 如何制作水平导航栏
- 25. 如何制作水平导航栏?
- 26. 导航栏在导航栏上搜索
- 27. 如何在导航栏上制作单个项目?
- 28. 从导航栏视图控制器导航到标签栏视图控制器
- 29. 制作导航栏标题
- 30. 全球导航栏
你能后你有这么远的代码? – ZimSystem