2016-08-01 62 views
-4

我有一個主要的佈局頁面用於所有其他頁面。以下引導程序導航欄標題具有始終顯示在左側的圖像。我希望它顯示在中心。我試過使用<div class="text-center">...</div>,但沒有vail。我正在使用帶有VS2015的ASP.NET Core,默認情況下已安裝並共享Bootstrap 3.0。但這個問題可能是通用於所有引導用戶:Bootstrap導航欄標題 - 如何居中圖像

<div class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="container"> 
      <div class="navbar-header"> 
       <table><tr><td><img src="~/images/abc.gif"></td></tr></table> 
      </div> 
     </div> 
</div> 

回答

2

剛剛擺脫所有不必要的容器,並添加text-centernavbar

<div class="navbar navbar-inverse navbar-fixed-top text-center"> 
     <img src="~/images/abc.gif"> 
</div> 

的jsfiddle:https://jsfiddle.net/azizn/ctrppwLe/

PS您應該避免使用除非你正在呈現表格數據。

+0

謝謝。有用。關於使用表格,我顯示兩個水平相鄰的圖像。所以,我用了一張桌子。但是根據你的建議,我刪除了桌子,只是將兩個img標籤放在相鄰的位置,並且圖像在Chrome中至少顯示得很好。 – nam