javascript - Bootstrap 3 控制 div 大小调整高度和宽度
问题描述
我有一个包含一个复选框的 div,我希望它的高度比现在高一倍或更多,因此将显示更多复选框选项
.containerSelectBox {
border: 2px solid #ccc;
width: 300px;
height: 80px;
overflow-y: scroll;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<div class="form-group">
<label class="col-md-2 col-sm-2 col-xs-8 control-label"> Data Sources </label>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="form-control ">
<input type="checkbox" /> This is checkbox <br />
<input type="checkbox" /> This is checkbox <br />
<input type="checkbox" /> This is checkbox <br />
<input type="checkbox" /> This is checkbox <br />
<input type="checkbox" /> This is checkbox <br />
<input type="checkbox" /> This is checkbox <br />
<input type="checkbox" /> This is checkbox <br />
<input type="checkbox" /> This is checkbox <br />
<input type="checkbox" /> This is checkbox <br />
<input type="checkbox" /> This is checkbox <br />
</div>
</div>
</div>
看起来像这样:
解决方案
推荐阅读
- azure - Azure 存储导出作业失败并出现错误代码 ResourceNotFound
- sql-update - case when 语句,语法错误
- google-app-engine - 将 Google Cloud Storage 存储桶中的大型静态资产加载到新的数据存储实体中
- regex - 正则表达式语法解析器结束字符串错误
- asynchronous - 缓冲通道的理想大小和工人数量是多少?
- shader - meshlab 有没有办法只将着色器应用于一层?
- parsing - 在算术表达式中解析表达式
- react-native - React-Native Styled-Components attrs 动态样式
- python - python - for 循环的自动化以覆盖 dict 中任意数量的键
- python - 在 Django 中一次提交两个表单