css - LongForm 标签显示为内联,但在一行而不是两行

标签 css html twitter-bootstrap twitter-bootstrap-3

我正在尝试使更长的标签显示与文本框内联。我希望标签位于一行并与文本框内联显示。我正在使用 Bootstrap 3,但我似乎无法弄清楚如何实现这一点。下面是一些示例代码:

<div class="form-group">
 <label for="d" class="control-label col-sm-2"> Two line label here:</label>
 <div class="col-sm-10">
  <input type="text" placeholder="" required="true" name="p" id="d" class="form-control" title="">
 </div>
</div>

我应该使用哪些类来执行此操作?

最佳答案

你可以这样实现..

<div class="input-group">
  <div class="input-group-addon">Two line label here</div>
    <input type="text" class="form-control" id="exampleInputAmount" placeholder="Amount"/>

</div>

关于css - LongForm 标签显示为内联,但在一行而不是两行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29996624/

相关文章:

html - 填充 Bootstrap 缩略图

css - 完整的背景图像未在 div 中正确呈现

html - Chrome 中链接中 SVG 的奇怪错误

php - Wordpress - 在菜单和内容之间添加一个小部件

javascript - 如何使用 javascript 和 Protractor 访问 "hidden"样式属性

php - 从数据库检索数据并分解并基于该选择复选框

javascript - 单击在任何情况下都不起作用

css - 开发人员工具显示 CSS 我无法定位以进行编辑

javascript - 如何设置条件来比较两个值并执行指定的功能

javascript - 单击图标即可选择时间