Teiler außerhalb des Elternteilers

Question

Ich versuche, zwei Teiler innerhalb eines anderen Teilers hinzuzufügen, aber ich konnte nicht herausfinden, wie erzwungen wird, dass die Kindteiler innerhalb des Elternteilers sind.

Wie kann ich die Position der Kindertrennwände innerhalb des Elternteilers steuern?

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

<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>

Answer 1

Add width: auto auf Ihre #graph_panel

Answer 2

Sie sind bereits in einem .container > .row so ist es nicht ein im Inneren mehr hinzuzufügen benötigt.

See this bootply fiddle