造型导航栏的导航栏

Question

我的引导导航栏样式有问题。 所以在我的导航栏中我有：

但我想只在一行中，只需：

  

Essai actuel：kjvfged

我的导航栏的代码是：

<nav class="nav navbar-default">
        <div class="container-fluid">
            <div class="navbar-header ">

                     <a href="#" class="navbar-brand ">AMG</a> 

            </div>

            <div>
                <ul class="nav navbar-nav navbar-right ">
                    <li><p class="navbar-text"><div class="essaiActuel"></div></p></li>
                    <li><a><div class="session"></div></a></li>
                </ul>
            </div>
        </div>
    </nav>

我通过这种方式提供内容：

$('.essaiActuel').text('Essai actuel : ');

有人可以告诉我如何增加导航栏中元素的宽度吗？

Answer 1

<span class="essaiActuel"></span> 应该这样做

Span将保持一切内联。

<li><p class="navbar-text"><span class="essaiActuel"></span></p></li>

Answer 2

<span class="essaiActuel"></span>

CodePen example

看起来将div更改为span工作。