Html 如何使两个直列按钮具有相同的高度
我在下面附上一个剪贴，正如你所看到的，这两个按钮显示不同的高度，我希望它们在我更改页面大小时具有相同的高度，并且在同一行上 我不想只说高度：100px，因为当我在手机上打开它时，它会变形Html 如何使两个直列按钮具有相同的高度,html,css,twitter-bootstrap-3,Html,Css,Twitter Bootstrap 3,我在下面附上一个剪贴，正如你所看到的，这两个按钮显示不同的高度，我希望它们在我更改页面大小时具有相同的高度，并且在同一行上 我不想只说高度：100px，因为当我在手机上打开它时，它会变形 .dropbtn{ 背景色：#264653； 边界：无； 颜色：白色； 填充：0.1%； 文本对齐：居中； 光标：指针； 宽度：100%； 柔性生长：1； 显示：块； } .下拉列表{ 位置：相对位置； 显示：块； 宽度：100%； } 注释工具 文件：2019717_1828_FMCI_107.txt设
.dropbtn{
背景色：#264653；
边界：无；
颜色：白色；
填充：0.1%；
文本对齐：居中；
光标：指针；
宽度：100%；
柔性生长：1；
显示：块；
}
.下拉列表{
位置：相对位置；
显示：块；
宽度：100%；
}
注释工具
文件：2019717_1828_FMCI_107.txt设备107
频道：0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="Description" content="Enter your description here"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<title>Title</title>
</style>
</head>
<body>
<h1 align="center" style="padding-left: 20px; width: 100%">ANNOTATION TOOL</h1>
<div class="container">
<div class="row">
<div class="col-sm">
<button type="button" class="btn btn-primary" style="width: 100% " >Primary</button>
</div>
<div class="col-sm">
<button type="button" class="btn btn-primary" style="width: 100% "> Primary</button>
</div>
</div>
</div>
<div style="width: 100%; height: 100%;" class="container-fluid">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>
标题
注释工具
主要的，重要的
主要的，重要的
选中：您可以在按钮中使用
空白：nowrap.dropbtn