絶対配置を使用してコンテナの底部にブートストラップナビタブを配置しました。それは1つの問題でかなりうまくいきました:絶対配置するとすぐにコンテナの全幅ではなくなりました。 はここに絵です:ブートストラップナビタブ全幅
HTML:
<div class="container-fluid">
<ul class="nav nav-tabs profile-nav">
<li class="nav-item">
<a class="nav-link active" href="#">Active</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
</div>
CSS:そのようなナビゲーションを配置するために相対:
.profile-nav{
position: absolute;
bottom: 0;
transform: translateY(50%);
background-color: #fff;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
}
.profile-nav .nav-item{
padding-top: 15px;
padding-bottom: 15px;
}
イメージコンテナが位置しています。 私が言ったように、問題は、容器の液体の全幅にすることができないということです。
で
ルックあなたはプロパティ '幅を追加しようとしたことがありますか? –
私はそのデザインのURLを持つことができます –
はい、私はそれを試みましたが、それは右側に100%、容器の液体の外側に行く..私はなぜそれが.. –