css - 引导表:输入和按钮在 TD 中的高度不同
问题描述
在表格 TD 中,我想显示一个输入和一个按钮。
我的问题是这两个组件似乎没有相同的高度,我该如何解决这个问题?
谢谢。
<td class="text-center col-md-1" data-title="'Compte'" align="center" >
<div class="col-md-12">
<input value="999"
style="width: 70%; text-align: center;"
ng-disabled="true" class="col-md-10 form-control" />
<button type="button"
ng-click="vm.openListeCompteDialog(sortie)"
class="btn btn-info btn-sm">
<span class="glyphicon glyphicon-list"></span>
<span class="hidden-xs hidden-sm"></span>
</button>
</div>
</td>
解决方案
从你的删除类 .btn-sm
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="row">
<td class="text-center col-md-1" data-title="'Compte'" align="center" >
<div class="col-md-12">
<input value="999"
style="width: 70%; text-align: center;"
ng-disabled="true" class="col-md-10 form-control" />
<button type="button"
ng-click="vm.openListeCompteDialog(sortie)"
class="btn btn-info">
<span class="glyphicon glyphicon-list"></span>
<span class="hidden-xs hidden-sm"></span>
</button>
</div>
</td>
</div>
</body>
</html>
推荐阅读
- javascript - 等待调用后,它不会执行下一行
- sql-server - SQL Server 服务偶尔会停止,并且 SQL Server 日志和事件日志都没有包含有关原因的线索
- vue.js - 无法在包 vue-qr 的 SSR nuxtjs 中显示 QR 图像
- javascript - Firebase 承诺未兑现 - MERN 应用
- python - 在powershell中调用python
- python - 如何避免函数中的文件打开方法
- excel - 从受限制的 SharePoint 文件夹对 Excel 文件进行 Power Query
- reactjs - antd 表单标签未使用 redux 表单提交
- java - Sentry android ANR,会不会有误报?
- html - 屏幕上显示两页但代码中只有一页?