html - 使用 bootstrap 在 li 中内联内容

Question

我有一个标题，里面有 ul 标签和内容。我无法内联它们。

HTML

<div class="navbar-header">
  <ul class="nav navbar-nav navbar-right">
    <li>
      <div>
         <span><img src="1"></span>
         <p class="p1">row information</p>
      </div>
    </li>
    <li>
      <div>
         <span><img src="1"></span>
         <p class="p1">row information</p>
      </div>
    </li>
    <li>
      <div>
         <span><img src="1"></span>
         <p class="p1">row information</p>
      </div>
    </li>
  </ul>
</div>

Here is fiddle

Answer 1

1) 删除所有 CSS 并包括来自 CDN 的 Bootstrap css 和 js，因为您使用的是 Bootstrap 导航语法。2) 将 p 元素更改为 span，一切顺利。