对齐DIV Html/CSS/Bootstrap

双重问题。我目前有顶部，但我希望它看起来像底部

还有，有没有办法再次单击仪表板框，这样会显示一个输入框，我可以输入URL并在框中加载

 <div id="page-content-wrapper">
            <div class="container-fluid">
                <div class="row">

                    <div class="col-lg-12">
                        <a href="#menu-toggle" class="btn btn-primary btn-lg" id="menu-toggle">☰</a>
                            <br>
                            <br>
                    </div>
                </div>
            </div>

            <div class="col-sm-9">
            <div class="well">
            <h4>DASHBOARD</h4>
        <p></p>
      </div>

  </div>

仪表板

---

对于第一个问题，最简单的解决方法是添加一些css：

.col-sm-9 {
   float: none;
   margin: 0 auto;
}

对于第二个问题，我想您需要搜索“iframe”并使用javascript进行一些工作