我希望创建一个可折叠的侧边栏,用户可以切换。经过多次尝试,我已经实现了它,但是目前看起来非常丑陋。以下是代码:(点击此处查看)
<div class="container-fluid">
<div class="row">
<nav class="col-md-3 collapse show" id="sidebar">
<h2>I'm a sidebar</h2>
</nav>
<main class="col-md-9">
<i class="fa fa-times" data-toggle="collapse" data-target="#sidebar" aria-hidden="true" aria-expanded="false" aria-controls="sidebar"></i>
<h2>I'm the main content</h2>
</main>
</div>
</div>
这样做的问题在于,折叠是垂直的,一旦折叠,内容就不会变成全宽!