创建Bootstrap 3 Navbar而不包装文本的最佳方法(并且不会崩溃)

 大飞5678 发布于 2023-02-12 19:14

我正在尝试使用Bootstrap 3创建一个不会折叠或包装文本的Navbar .我希望文本简单地被剪切掉(或省略)而不是包裹 - 因此Navbar保持在一条线上而不会垂直扩展.(此Navbar将用于显示具有单个右对齐菜单的当前视图位置)

像这样的东西:


如图所示,我一直在愚弄CSS浮动,溢出,空白设置,似乎无法得到正确的组合.此外,我使用两个navbar-header元素来避免崩溃,但如果有更好的方法,我会对其他选项持开放态度.

谢谢您的帮助.

撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有