Question

我试图在另一个分隔符中添加两个分隔符，但我无法弄清楚子分隔符在父分隔符内的强制程度。

如何控制父分隔符内的子分隔符位置？

＆＃13;

#graph-container {
  border: solid;
}
#graph-info {
  border: solid;
}

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
  <div class="row">
    <div class="col-lg-12">
      <div class="panel with-nav-tabs panel-default">
        <div class="panel-heading">
          <ul class="nav nav-tabs" id="myTab">

            <li class="active"><a href="#home" class="backgroundRed" data-toggle="tab">Main </a>
          </ul>
        </div>
        <div class="panel-body">
          <div class="tab-content">
            <div class="tab-pane active" id="home">Main</div>
            <div class="container" id="graph_panel">
              <div class="row">
                <div class="container col-xs-12 col-sm-12 col-md-8 col-lg-8 bg-info " style="height: 800px;" id="graph-container">

                </div>
                <div class="container col-xs-12 col-sm-12 col-md-4 col-lg-4 bg-danger" style="height: 800px" id="graph-info">

                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

＆＃13;

Answer 1

为#graph_panel

添加宽度：自动

Answer 2

您已经在.container > .row内，因此不需要在其中添加一个。

See this bootply fiddle

父分隔符之外的分隔符

2 个答案: