是否可以调整Bootstrap中的控件标签宽度？

这段代码的输出（我试图在jsFiddle上发布，但现在看起来并没有工作）看起来很合理，但是标签左侧有很多空间“浪费”。田地本身和它们一样宽，这一点很重要。是否可以调整Bootstrap中的控件标签宽度？

enter image description here

这是在那里有更多的领域和空间有限的实际情况的问题。我希望能够独立于总控制组宽度来控制标签宽度，我希望它能够保持与该字段的右对齐，并且（最重要的是）我想要一个较短的标签以使字段也向左移动（这不会发生，如果你只是打乱控制标签的宽度）。

我并不热衷于钻研LESS，那是我唯一的选择吗？任何意见赞赏。

<div class="container-narrow" style="width:700px"> 
     <div class="content"> 
      <div class="row-fluid"> 
       <div class="span5"> 
        <form class="form-horizontal" id="applies-Step1-form" action="/" method="post"> 
         <div class="control-group"> 
          <label class="control-label required" for="Step1_email">Email:</label> 
          <div class="controls"> 
           <input class="span12" size="50" maxlength="255" name="Step1[email]" id="Step1_email" type="text" /> 
          </div> 
         </div> 
        </form> 
       </div> 
       <div class="span7"> 
        <form class="form-horizontal" id="applies-Step1-form" action="/" method="post"> 
         <div class="control-group"> 
          <label class="control-label required" for="Step1_email">Thing1</label> 
          <div class="controls"> 
           <input class="span12" size="60" maxlength="255" name="Step1[email]" id="Step1_email" type="text" /> 
          </div> 
         </div> 
        </form> 
       </div> 
      </div> 
     </div> 
    </div> 

</body>

来源

2013-02-22 GregT

一个选项是一个使用.FORM内联的形式，以允许在同一行上的形式的元素。

事情是这样的：

<form class="form-inline"> 
    <label>Email: 
     <input type="text" class="span1" name="email" /> 
    </label> 
    <label>Thing1 
     <input type="text" class="span3" name="thing1" /> 
    </label> 
</form>

如果你想第二个标签之前多个间隔，你需要自定义CSS。

来源

2013-02-22 19:37:16 mcreenan

感谢您的答复。我还发现，您可以直接管理标签，但这会产生其他问题。无论如何，祝你周末愉快！ – GregT 2013-02-22 20:18:27

是的，当你想要一个紧凑，简洁的形式:(）时，bootstrap是非常有限的。 – mcreenan 2013-02-22 20:29:47

-1

<标签类= "控制标签需要" 风格= "宽度：100像素;填充左：60像素; "为= " Step1_email " >电子邮件：< /标签>

保持（宽度+填充左）== 160个

来源

2013-06-21 21:46:40 user2510490

是否可以调整Bootstrap中的控件标签宽度？

回答

相关问题