항목을 나란히 렌더링하십시오.

Question

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

Answer 1

확실하지 내가 이해 여부,하지만 측면 표시 나란히 위해, 당신은 사용할 수 있습니다

<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>