Question

我必须创建一个包含大量标签和表单的表单，如文本区域，收音机等。但是当我应用bootzstrap水平表单方法时，它在标签和文本区域之间给出一行差异这里是我的代码

<!DOCTYPE HTML>
<html>
  <head>
    <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
  </head>
  <body>

    <script type="text/javascript"
     src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js">
    </script> 
    <script type="text/javascript"
     src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js">
    </script>
  <form class="form-horizontal">
    <div class="control-group">
  Promo description *
    <div class="controls">
      <textarea rows="3"></textarea>
    </div>
  </div>
  </form>
  </body>
<html>

这里的一行差异是屏幕截图如何使标签和textarea完全水平？任何指南 enter image description here

Answer 1

在css margin-top: -10px;中定义或类似的东西？猜猜它会把它放在你的文本旁边。

Answer 2

您应该遵循Forms中描述的格式。

<form class="form-horizontal">
  <div class="control-group">
    <label class="control-label">Promo description *</label>
    <div class="controls">
      <textarea rows="3"></textarea>
    </div>
  </div>
</form>

水平表格布局中出现换行的差异

2 个答案: