用另一个按钮设置inline-block时，Bootstrap输入字段缩小

当使用另一个按钮设置为inline-block时，Bootstrap输入字段会缩小。这是因为inline-block会将元素显示为内联块级元素，它会根据内容的大小来确定宽度。如果按钮的宽度较小，输入字段会自动调整宽度以适应按钮的大小。

要解决这个问题，可以采取以下几种方法：

1. 使用col-*类：在Bootstrap中，可以使用栅格系统的col-*类来控制元素的宽度。通过将输入字段和按钮包装在一个div容器中，并使用适当的col-*类来设置宽度比例，可以确保它们在同一行上并且宽度合适。

示例代码：

<div class="row">

 <div class="col-md-9">

   <input type="text" class="form-control" placeholder="输入字段">

 </div>

 <div class="col-md-3">

   <button class="btn btn-primary">按钮</button>

 </div>

</div>

在上述示例中，col-md-9和col-md-3将输入字段和按钮分别设置为占据父容器的9/12和3/12的宽度，以实现宽度的合适分配。

1. 自定义样式：如果需要更精确地控制输入字段和按钮的宽度，可以使用自定义样式来设置它们的宽度属性。通过为输入字段和按钮分别设置合适的宽度值，可以确保它们在同一行上并且宽度合适。

示例代码：

<div>

 <input type="text" class="form-control" style="width: 80%;" placeholder="输入字段">

 <button class="btn btn-primary" style="width: 20%;">按钮</button>

</div>

在上述示例中，通过为输入字段设置width: 80%;，为按钮设置width: 20%;，可以将宽度按照比例进行分配。

无论采用哪种方法，都可以确保输入字段和按钮在同一行上，并且宽度合适。关于Bootstrap的更多信息和使用方法，可以参考腾讯云的Bootstrap产品介绍。