小编use*_*259的帖子

我想将select2.js与twitter bootstrap结合使用3.到目前为止,一切正常,但事实上,Drop-Down容器的宽度与select容器本身的宽度不同.

通过调整窗口大小,这个现象出现并消失.

这是一张显示问题的图片

这里是你可以尝试调整大小的jsfiddle.(用IE 11和FF 26测试) jsfiddle

这里还有代码:

<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="http://cdn.jsdelivr.net/select2/3.4.5/select2.css">

<div class="container"> 
    <div class="row">
        <div class="col-xs-3">
            <select style="width:100%" class="select2">
                <optgroup label="Test-group">    
                    <option>test1</option>
                    <option>test2</option>
                </optgroup>
            </select>
          </div>    
    <div class="col-xs-3">
            <select style="width:100%" class="select2">
                <optgroup label="Test-group">    
                    <option>test1</option>
                    <option>test2</option>
                </optgroup>
            </select>
          </div>
        <div class="col-xs-3">
            <select style="width:100%" class="select2">
                <optgroup label="Test-group">    
                    <option>test1</option>
                    <option>test2</option>
                </optgroup>
            </select>
          </div>
    </div>
</div>

我试着找几个小时的解决方案,但我找不到解决这个问题的方法.

感谢你并致以真诚的问候

我尝试使用twitter bootstrap实现以下功能:

在除"额外小"之外的所有屏幕上,布局应如下所示:

在"超小"设备上它应该是这样的

我已经尝试过这个灵魂用Twitter Bootstrap响应重新排序div？,但它不起作用,因为"B"与"A"和"C"之间没有"rowspan".

这意味着如果"B"大于"A",则"A"和"C"之间存在间隙.有没有办法实现这个目标？

最好的祝福