並排渲染項目

我試圖顯示一個頁面，其中包含一個包含3個列表項的標題，一個帶有左側鏈接和實際正文的側欄。我希望側欄和正文在頁眉下並排呈現。但是，它們在頁面上依次渲染。關於如何做到這一點的任何建議？並排渲染項目

我已經使用下面的代碼和樣式來實現這一點，但它似乎並沒有工作。

<div> 
    <h1 class="control-label admin-header" style="vertical-align:top;padding-left:20px">Administration</h1> 
    <ul class="nav nav-pills admin-header" style="float:right"> 
     <li class="active admin-header"><a href="http://localhost:10004/test">test</a></li> 
     <li class="admin-header"><a href="http://localhost:10004/xyz">xyz</a></li> 
     <li class="admin-header"><a href="https://localhost:10004/abc">abc</a></li> 
    </ul> 
    </div> 
    <div> 
    <div class="span3 admin-header"> 
     <div class="well sidebar-nav admin-header">@RenderSection("Sidebar", false)</div> 
    </div> 
    <div class="content span12 admin-header">@RenderBody() 
    </div> 
    </div> 

.admin-header 
{ 
    display: inline; 
}

Fiddle

來源

2012-07-19 dotNetNewbie

不知道我是否瞭解，但通過並排顯示，您可以使用

<table> 
<tr> 
<td class="active admin-header"><a href="http://localhost:10004/test">test</a></td> 
<td class="admin-header"><a href="http://localhost:10004/xyz">xyz</a></td> 
<td class="admin-header"><a href="http://localhost:10004/xyz">abc</a></td> 
</tr> 
</table>

來源

2012-07-19 16:15:22

並排渲染項目

回答

相關問題