Twitter bootstrap 在引导中,将两个项目组合在一起

Twitter bootstrap 在引导中,将两个项目组合在一起,twitter-bootstrap,Twitter Bootstrap,在Bootstrap中,我如何强制两个项目——标签和文本框——作为一个不可分割的组,使它们始终出现在同一行上,并且永远不会被破坏,标签在一行的末尾,文本框在下一行的开头?我想这就是您试图实现的目标(除了添加类之外)=“form horizontal”到form元素主要是调整列大小(即xs-3、sm-9、md-1等),以查看根据标签的字符长度有何意义 包含的大多数CSS您不需要实现这一点;它位于页面的中心,否则输入将成为列的宽度,并且一旦您到达移动电话的查看端口,表单的背景颜色也将发生变化,因为您

在Bootstrap中,我如何强制两个项目——标签和文本框——作为一个不可分割的组,使它们始终出现在同一行上,并且永远不会被破坏,标签在一行的末尾,文本框在下一行的开头?

我想这就是您试图实现的目标(除了添加
类之外)=“form horizontal”
form
元素主要是调整列大小(即xs-3、sm-9、md-1等),以查看根据标签的字符长度有何意义

包含的大多数CSS您不需要实现这一点;它位于页面的中心,否则输入将成为列的宽度,并且一旦您到达移动电话的查看端口,表单的背景颜色也将发生变化,因为您的表单可能会因标签固定在一侧而开始崩溃

所有这些都可以根据您的需要进行调整

#boostrapForm.control标签{
文本对齐:右对齐;
右边填充:0px;
}
#boostrapForm输入[type=text],
#boostrapForm输入[类型=电子邮件],
#boostrapForm输入[类型=密码],
{
左边距:-7px;
}
.表格中心{
保证金:自动;
位置:绝对位置;
排名:0;
左:0;
底部:0;
右:0;
}
.formCenter.formChange{
最小宽度:300px;
最大宽度:500px;
填充:25px;
}
@介质(最大宽度:768px){
.formCenter.formChange{
宽度:100%;
}
}
@介质(最大宽度:359px){
形式{
背景:#f00;
颜色:#fff;
}

电子邮件
密码
记得我吗
登录

您可能愿意阅读我确实阅读了这些解决方案,但没有一个成功地解决了问题。仍然没有如我所希望的那样工作,但您提供的加价可能为我所寻找的提供了基础-很多尝试和错误都是必要的,因为我是Bootstrap的新手。感谢您的回复。如果您能够发布一个模型/图像或链接,显示您正在尝试执行的操作,这将是一个理想的选择,因为目前还不清楚。抱歉,我不知道如何插入一个.jpg文件来说明我想要的内容。我将尝试再次描述它:如果我有一个“名称”标签,后跟一个文本框,后跟一个“ID”标签,后跟另一个文本框,则我永远不希望在一行和另一行上看到“Name”“ID”。