Twitter bootstrap 将文本输入和锚定标记放在同一行上

我正在设计一个页面，其中我创建了一行两个文本输入和一个锚定标记，但为什么锚定标记不会与文本输入放在同一行上呢

小提琴：

电话号码*
延伸*

由于默认的

col-12

以及

col-sm-4

类中的padding right属性，它正在中断。 如果你缩小屏幕尺寸，它最终会破裂

最好使用以下CSS覆盖该类：

.col-12,
.col-sm-4 {
  padding-right: 0px;
}

---

这是由于默认的

col-12

以及

col-sm-4

类中的padding right属性，正在中断的工作。 如果你缩小屏幕尺寸，它最终会破裂

最好使用以下CSS覆盖该类：

.col-12,
.col-sm-4 {
  padding-right: 0px;
}

---

以下是工作方法

您是否考虑过使用

.input组

类，该类允许您将模态触发器（作为旁注；可能应该是

）与

输入相结合

下面是Bootstrap 4中的布局示例；它可能不完全符合您的设计，因为我已经放弃了所有的定制，仅使用bootstrap4结构来展示它




告诉我们更多关于贵公司的情况
电话号码*
延伸*
您是否考虑过使用
.input组
类，该类允许您将模态触发器（作为旁注；可能应该是
）与
输入相结合

下面是Bootstrap 4中的布局示例；它可能不完全符合您的设计，因为我已经放弃了所有的定制，仅使用bootstrap4结构来展示它




告诉我们更多关于贵公司的情况
电话号码*
延伸*
将
col-5
发送给电话号码，将
col-3
发送给锚定标记否这不是我尝试过的，这是由于
标记。在锚定标签上添加一些页边空白。在电话号码上添加
col-5
，在锚定标签上添加
col-3
，这不是我尝试过的，这是由于
标签造成的。在锚定标记上添加一些边距顶部。