Question

我知道以前曾经问过这个问题，但我的回答似乎对我不起作用。我希望减小文本框的大小，并在选择和一些文本旁边排列。这是我的代码。

<div class="controls">
  <div class="btn-group">   
    <label class="btn btn-default">
      <input type="checkbox" name="blah" value="true">
      Title
      <select>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>5</option>
        <option>8</option>
      </select>
      <input class="form-control col-xs-1" placeholder="x" type="text" required="required">this should be beside the textbox. I also want the textbox to be small. One character small.
    </label> 
  </div>                                        
</div>

也在bootply中。 http://www.bootply.com/NePcbYQqfm

提前谢谢！

Answer 1

试试这个：

<div class="controls">
 <div class="btn-group col-xs-4">   
 <label class="btn btn-default">
  <input name="blah" value="true" type="checkbox">
  Title
  <select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>5</option>
    <option>8</option>
  </select>
  </label> 


  <input class="form-control input-sm" placeholder="x" required="required" type="text">this should be beside the textbox. I also want the textbox to be small. One character small.
 </div>
</div>

它会起作用。

Bootstrap输入框 - 需要更小的宽度

1 个答案: