停止Bootstrap Navbar汉堡堆叠与品牌

Question

图片很好地证明了这一点。当调整汉堡包堆叠的浏览器大小时，然后（仍然堆叠）徽标会通过最大宽度：100％＆＃39;来调整大小。出于某种原因，我无法弄清楚如何禁用堆叠并强制徽标提前调整大小。这是删除了尝试修复的普通代码。

＆＃13;

＆＃13;

<nav class="navbar navbar-default navbar-fixed-top navbar-lg dropShad noMar">

	<div class="container-fluid">

		<div class="navbar-header">

			<a class="navbar-brand noPad" href="index.html"><img src="images/logo.png" style="width: 355px; max-width: 100%;" /></a>

			<button type="button" class="navbar-toggle collapsed marBot18" data-toggle="collapse" data-target="#corbex-navbar-collapse" aria-expanded="false">

				<span class="sr-only">Toggle Navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>

			</button>

	</div>

	<div class="collapse navbar-collapse" id="corbex-navbar-collapse">

		<ul class="nav navbar-nav navbar-right">

			<li class="active"><a href="index.html"><b>Home</b><span class="sr-only">(current)></span></a></li>

			<li><a href="location.html"><b>Location</b></a></li>

			<li><a href="contactUs.html"><b>Contact Us</b></a></li>

		</ul>

	</div>

    </div>

</nav>

＆＃13;

＆＃13;

＆＃13;

Answer 1

我认为当单行空间不足时，这两个块的自然行为是堆叠的。

尝试在某个视口中提供品牌徽标百分比宽度，例如品牌徽标为60％，汉堡包为40％，以保持同一行。