如何获得Perl程序输出的文件句柄？(How can get a filehandle for a Perl program's output?)

 Twitter Bootstrap 3 
 
 如@abimelex的答案所示，输入和按钮可以使用.input-group类对齐（请参见http://getbootstrap.com/components/#input-groups-buttons ）： 
 
 组按钮在左侧 
 
<div class="input-group">
  <span class="input-group-btn">
    <button class="btn btn-default" type="button">Go!</button>
  </span>
  <input type="text" class="form-control">
</div>
 
 组按钮在右侧 
 
<div class="input-group">
   <input type="text" class="form-control">
   <span class="input-group-btn">
        <button class="btn btn-default" type="button">Go!</button>
   </span>
</div>
 
 这个解决方案已经被添加，以保持我的答案是最新的，但请坚持你的投票对@abimelex提供的答案 。 
 
 
 Twitter Bootstrap 2 
 
 Bootstrap提供了一个.input-append类，它作为一个包装元素，并为您修正： 
 
<div class="input-append">
    <input name="search" id="search"/>
    <button class="btn">button</button>
</div>
 
 正如@OleksiyKhilkevich在他的答案中所指出的那样，使用.form-horizontal类来排列input和button的第二种方法： 
 
<div class="form-horizontal">
    <input name="search" id="search"/>
    <button class="btn">button</button>
</div>
 
 差异 
 
 这两个类之间的区别在于.input-append将button向上放置input元素（因此它们看起来像被附加），其中.form-horizontal将在它们之间放置一个空格。 
 
  - 注意 -  
 
 为了允许input和button元素彼此相邻，没有间距，在.input-append类中， font-size已经被设置为0 （这样可以消除inline-block元素之间的白色间距）。 如果要使用em或%测量来覆盖默认值，这可能会对input元素中的字体大小产生不利影响。 

Twitter Bootstrap 3
 
As shown in the answer by @abimelex, inputs and buttons can be aligned by using the .input-group classes (see http://getbootstrap.com/components/#input-groups-buttons):
 
Group button on the left side
 
<div class="input-group">
  <span class="input-group-btn">
    <button class="btn btn-default" type="button">Go!</button>
  </span>
  <input type="text" class="form-control">
</div>
 
Group button on the right side
 
<div class="input-group">
   <input type="text" class="form-control">
   <span class="input-group-btn">
        <button class="btn btn-default" type="button">Go!</button>
   </span>
</div>
 
This solution has been added to keep my answer up to date, but please stick your up-vote on the answer provided by @abimelex.
 
 
Twitter Bootstrap 2
 
Bootstrap offers an .input-append class, which works as a wrapper element and corrects this for you:
 
<div class="input-append">
    <input name="search" id="search"/>
    <button class="btn">button</button>
</div>
 
As pointed out by @OleksiyKhilkevich in his answer, there is a second way to align input and button by using the .form-horizontal class:
 
<div class="form-horizontal">
    <input name="search" id="search"/>
    <button class="btn">button</button>
</div>
 
The Differences
 
The difference between these two classes is that .input-append will place the button up against the input element (so they look like they are attached), where .form-horizontal will place a space between them.
 
-- Note --
 
To allow the input and button elements to be next to each other without spacing, the font-size has been set to 0 in the .input-append class (this removes the white spacing between the inline-block elements). This may have an adverse effect on font-sizes in the input element if you want to override the defaults using em or % measurements.