Question

在bootstrap中，开箱即用的输入组的宽度为100％，但我想要实现的是将它们设置为固定的最大宽度为100px。但是，右手边没有拉伸我的下拉列表的全宽。

示例代码：http://plnkr.co/edit/D0N3SKvT5U0uVmYyLw0O?p=preview

<style>
.input-group-addon {
    width: 100px;
}
</style>

...

<div class="form-group">
  <div class="input-group">
    <div class="input-group-addon">Name</div>
    <input type="text" class="form-control" id="name" value="Please enter your name">
  </div>
</div>
<div class="form-group">
  <div class="input-group">
    <div class="input-group-addon">Age</div>
    <select class="form-control" id="age">
    </select>
  </div>
</div>

任何人都知道怎么做？

Answer 1

 <style>
    .input-group-addon {
  }
  </style>

</head>

<body>

  <div class="form-group">
    <div class="input-group">
      <div class="input-group-addon">Name</div>
      <input type="text" class="form-control" id="name" value="Please enter your name">
    </div>
  </div>
  <div class="form-group">
    <div class="input-group">
      <div class="input-group-addon">Age</div>
      <select class="form-control" id="age">
      </select>
    </div>
  </div>

</body>

我不确定您是否正在寻找类似Plunker的内容。

希望它可以帮到你。

Answer 2

试试这会对你有所帮助

将样式更改为

<style>
.input-group-addon { width: 100px; } 
.input-group { width: 100%; }
</style>

Twitter引导程序输入组 - 最大宽度

2 个答案: