Bootstrap`list-group`继承`panel`的大小

Question

我有以下代码：

<div class="panel panel-default">
<div class="panel-body">
    <div class="list-group">
        <ul class="list-group-item"><a href="#">Item one</a></ul>
        <ul class="list-group-item"><a href="#">Item two</a></ul>
    </div>
</div>
</div>

http://jsfiddle.net/c1e3erxt/

它是常规面板中的可点击列表组。在足够高的分辨率下，没有问题。然而，当分辨率低于720p时，列表组开始占用的面积小于整个面板体：它的高度保持不变，但宽度开始占据面板体的2/3，并且收缩为分辨率变小了。

如何让它始终占据整个面板的尺寸？

Answer 1

我认为你想使用最小宽度：

.list-group { 
    margin: 0; 
    min-width: 400px;
    width: 100%;
 }

现在，即使浏览器屏幕较低，列表组也不会从400像素减少，但在较高分辨率屏幕中，它将是100％宽度。