Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 输入组插件不坚持控制_Css_Twitter Bootstrap 3 - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 输入组插件不坚持控制

Css 输入组插件不坚持控制

css twitter-bootstrap-3

Css 输入组插件不坚持控制,css,twitter-bootstrap-3,Css,Twitter Bootstrap 3,我使用的布局引导。我已将输入控件的最大宽度设置为280px。但这会导致input group addon在使用bootstrap的网格列大小大于280px时无法正确渲染输入组插件与控件不兼容 我这里有 我猜input group addon总是呈现在列的右侧，因此在input控件和addon之间有一个空格 如何修复此问题而不影响小提琴中的max width和col。输入组插件的宽度为32px，并且。表单控件（max width:280px；）和。输入组插件（width:32px）包含在中。输入组

我使用的布局引导。我已将输入控件的最大宽度设置为280px。但这会导致
input group addon
在使用bootstrap的网格列大小大于280px时无法正确渲染<代码>输入组插件与控件不兼容

我这里有

我猜
input group addon
总是呈现在列的右侧，因此在input控件和addon之间有一个空格

如何修复此问题而不影响小提琴中的
max width
和
col
。
输入组插件的宽度为32px，并且
。表单控件（
max width:280px；
）和
。输入组插件（
width:32px
）包含在
中。输入组
，然后您只需要定义
的最大宽度。输入组
：


.input-group {
  max-width: 312px;
}



我不建议在引导中设置输入（或任何其他元素）的
宽度

引导元素旨在填充所有可用空间。通过使用内置的网格系统，它们可以很容易地做出响应。我的建议是通过限制容器的宽度来限制其宽度，如下所示：


<div class="row">
  <div class="col-xs-6"><!-- NOTE THE 'XS' HERE -->
    <div class="input-group">
      <input name="FirstName" class="form-control" id="FirstName" type="text" value="399035034">
      <span class="input-group-addon">+</span>
    </div>
  </div>
</div>




+