我有一个 Bootstrap 页面，但遇到了一个小问题。问题是在桌面模式下，一列没有到达需要的区域。如果我修改 css 中的高度，它会将其他两个 div 向下推。如何使 Top div 到达工具部分结束的底部区域而不向下推 Angular 和工具 div？这可以通过 Bootstrap 实现吗？
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"/>
<body style="background:#F8F8F8;">
<p>
<br/>
</p>
<div class="container-fluid">
<nav role="navigation" class="navbar navbar-inverse navbar-fixed-top">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<a href="" class="navbar-brand">
<img alt="" src="image.png" height="22" width="81" />
</a>
</div>
<!-- Collection of nav links, forms, and other content for toggling -->
<div id="navbarCollapse" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-left">
</ul>
</div>
</nav>
<BR>
<BR>
<div class="row">
<div class="col-md-4" "col-xs-12">
<div class="panel panel-default">
<div class="panel-body">
<div class="welcome">
<div id="container">
Test info
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4" "col-xs-4">
<div class="panel panel-default">
<div class="panel-body">
<div class="prescription">
<div id="container">
PL
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4" "col-xs-4">
<div class="panel panel-default">
<div class="panel-body">
<div class="profile">
<div id="container">
Profile
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-default">
<div class="panel-body">
<div class="ghabox">
<div id="container2">
Ask
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-default">
<div class="panel-body">
<div class="ghabox">
<div id="container2">
Discussions
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6" "col-xs-4">
<div class="panel panel-default">
<div class="panel-body">
<div class="contributors">
<div id="container2">
Top
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-default">
<div class="panel-body">
<div class="ghabox">
<div id="container2">
Corner
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-default">
<div class="panel-body">
<div class="ghabox">
<div id="container2">
Tools
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>最佳答案
如果我很好地理解您的问题， Angular 落和工具 div 应该位于顶部 div 内，以便顶部 div 环绕它们。
<div class="col-md-6" "col-xs-4">
<div class="panel panel-default">
<div class="panel-body">
<div class="contributors">
<div id="container2">
Top
</div>
</div>
<div class="col-md-3">
<div class="panel panel-default">
<div class="panel-body">
<div class="ghabox">
<div id="container2">
Corner
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-default">
<div class="panel-body">
<div class="ghabox">
<div id="container2">
Tools
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
查看此 plunker
关于html - Bootstrap 使列适合，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37647841/