0
我有以下的CSS和HTML代码：无法适应Twitter的引导3列网格内面板
.container-fluid{
height:100%;
}
html,body,.container {
height:100%;
}
.container {
display:table;
width: 100%;
margin-top: -50px;
padding: 50px 0 0 0; /*set left/right padding according to needs*/
box-sizing: border-box;
}
/**/
.container-fluid {
height:100%;
display:table;
width: 100%;
margin-top: -50px;
padding: 50px 0 0 0; /*set left/right padding according to needs*/
box-sizing: border-box;
}
.row {
height: 100%;
display: table-row;
}
.row .no-float {
display: table-cell;
float: none;
}
<!-- begin snippet: js hide: false console: true babel: false --><div class="container-fluid">
<div class="row">
<div class="col-sm-12 col-md-7 col-lg-7 no-float" style="padding: 0 !important; border: solid blue">
<iframe src="http://exame.abril.com.br/tecnologia/facebook/noticias/facebook-nao-tem-planos-de-voltar-a-china-diz-executivo" style="border: none;"></iframe>
</div>
<div class="col-sm-12 col-md-5 col-lg-5 no-float" style=" padding:0; border: solid red">
<div class="row">
<div class="panel panel-default" style="height: 100%!important; width: 100%!important; border: solid black ">
<div class="panel-heading">QUESTIONS</div>
<div class="panel-body">
<div>
<a>
<form style="display: inline-block; ">
<div class="input-group col-md-12">
<input type="text" class=" search-query form-control" placeholder="Recherche une question sur ce contenu" />
<span class="input-group-btn">
<button class="btn btn-default" type="button" >
<span class=" glyphicon glyphicon-search"></span>
</button>
</span>
</div>
</form>
</a>
</div>
<div>
<button type="button" class="btn btn-question">Ask new question</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>我想要的面板（有题题）全装修DIV与class="col-sm-12 col-md-5 col-lg-5 no-float"（100％全高，100％全宽），就像在第一个div的iframe，但我有这样的事情：
我先曾与柱全高的问题，我解决了阅读本post 现在我有一个问题，以适应面板成柱网，但我可以阅读后，即使没有这个post
请你怎么能帮助我吗？
它看起来像你的CSS是压倒如何引导电网“正常”的作品 – ZimSystem
我不使用表和Bootstrap在一起电子书籍。 Bootstrap简化了网格系统的所有表格难题。使用div，cols和rows。 –
Thx @FarukYazıcı，但我不认为表是问题。我刚刚删除它，我的问题依然存在。 – kabrice