VS2012を使用して、ASP MVC4 / 5プロジェクトを取得しました。追加されたのはブートストラップ3.2です
Twitter Bootstrapのダッシュボードの例で問題が発生した他のいくつかの例を調べましたが、自分の問題の解決策を策定することができませんでした。
ダッシュボードがあり、tab-contentクラスとtab-panescssクラスを使用したさまざまなページを表示します。ただし、メインエリアはナビゲーションの右下になります。他の同様の質問は、最新のブートストラップにはない行流体について言及しました。また、CSSを変更して、提案されているさまざまな回答を試しました。
これが私のコードです:
<div class="container-fluid">
<div class="row">
<div class="col-sm-3 col-md-2 sidebar">
<ul class="nav nav-sidebar">
<li class="active"><a href="#">Overview</a></li>
<li><a href="#clients" data-toggle="tab">Clients</a></li>
<li><a href="#orders" data-toggle="tab">Orders</a></li>
<li><a href="#stock" data-toggle="tab">Stock</a></li>
</ul>
</div>
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main tab-content">
<h1 class="page-header" style="margin-top: 0 !important;">Dashboard</h1>
<div class="tab-pane" id="clients">
@Html.Action( "Index", "Client")
</div>
<div class="tab-pane" id="orders">
@Html.Action("Index", "Order")
</div>
<div class="tab-pane" id="stock">
@Html.Action("Index", "Stock")
</div>
</div>
</div>
</div>
おそらく私のcssが間違っているか、メインエリアにページをロードするための私の実装が間違っています。これを機能させるための回答/提案に感謝します。
私が試した他のこと:ターゲットアップデートとしてdivでajaxactionlinkを使用する
すでにcol-*
値を使用している場合は、offset
クラス名を使用する必要はありません。
<div class="row">
<div class="col-sm-3 col-md-2 sidebar">
...
</div>
<div class="col-sm-9 col-md-10 main tab-content">
...
</div>
</div>
このデモを確認してください
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加