[英]Bootstrap Jumbotron Not Adjusting Height
我在Bootstrap Jumbotron中嵌套了一些輸入,但是Jumbotron似乎並沒有增加輸入框的高度。 它們似乎流過超大型機,而不是在其中。 這是我的偽代碼。 關於為什么它不嵌套在超大tron中的任何線索?
<div class="jumbotron">
<div class="col-sm-3 col-md-2">
<div class="inputtext">
Current Balance
<div class="input-group">
<span class="input-group-addon">$</span>
<input type="number" id="currentbalance" class="form-control" placeholder="0">
</div>
</div>
<div class="inputtext">
Monthly Contributions
<div class="input-group">
<span class="input-group-addon">$</span>
<input type="number" id="monthlycpontribution" class="form-control" placeholder="0">
</div>
</div>
<div class="inputtext">
Interest Rate
<div class="input-group">
<span class="input-group-addon">%</span>
<input type="number" id="interestrate" class="form-control" placeholder="0">
</div>
</div>
<div class="inputtext">
Years Contributing
<div class="input-group">
<span class="input-group-addon">+</span>
<input type="number" id="yearscontributing" class="form-control" placeholder="0">
</div>
</div>
<div class="">
<input class="btn btn-default" type="submit" id="calculate" value="Calculate">
</div>
</div>
<div class="col-sm-9 col-md-10">
Chart goes here
</div>
</div> <!-- /container -->
在引導程序中, col-*
類需要包含在具有行類的父<div>
中。 這是JSFiddle,其中包括父<div class="row">
:
現在,田野不會流過巨型火箭。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.