裏面的內聯內容使用引導

我有頭裏面有內容的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

來源

2017-05-26 bigbang

您是否試圖將列表項放在水平行中？如果是這樣，請刪除navbar-nav類上的flex-direction：列。 –

是否這樣？ https://jsfiddle.net/ftzLemjt/1/ –

@MichaelCoker幾乎是這樣的，最後一個我試圖將這個內容排成一行，刪除flex-direction：column幫助，但它是本機類的bootstrap有沒有其他的方法？ – bigbang