0

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;
}​

フィドル

4

1 に答える 1

0

理解できたかわかりませんが、並べて表示するには、

<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-19T16:15:22.560 に答える