Twitter bootstrap 3 Bootstrap 3响应导航栏在添加类似facebook的按钮后无法内联

我使用Bootstrap3NavBar并在iPad上进行了响应测试，在我添加了类似facebook的按钮后，作为屏幕截图，它将导航项分离到不同的行

代码：

切换导航





登录
免费加入

---

如何在响应视图中解决此问题？

为了避免此问题，您可以在导航栏div中添加like按钮，如下代码所示

<div class="navbar-right">
        <span class="fb-like" data-href="https://www.facebook.com/woohoo69/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false">FACEBOOK</span>
        <button type="button" class="btn btn-pink" data-toggle="modal" data-target=".bs-login-modal-sm"><span class="glyphicon glyphicon-user"></span> Sign In</button>&nbsp;
        <button type="button" class="btn btn-default navbar-btn" data-toggle="modal" data-target="#regModal"><span class="glyphicon glyphicon-star"></span> Join For Free</button>
</div>

脸谱网
登录
免费加入

<div class="navbar-right">
        <span class="fb-like" data-href="https://www.facebook.com/woohoo69/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false">FACEBOOK</span>
        <button type="button" class="btn btn-pink" data-toggle="modal" data-target=".bs-login-modal-sm"><span class="glyphicon glyphicon-user"></span> Sign In</button>&nbsp;
        <button type="button" class="btn btn-default navbar-btn" data-toggle="modal" data-target="#regModal"><span class="glyphicon glyphicon-star"></span> Join For Free</button>
</div>