html - Twitter Bootstrap 按钮下拉列表 btn-block

Question

我希望下拉按钮也可以像 btn-block 类的按钮一样覆盖整个页面。这是我当前的代码:http://jsfiddle.net/wLUkx/1/

这里是代码:

    <div class="btn-group">
    <a class="btn btn-primary btn-block btn-large dropdown-lead dropdown-toggle" data-toggle="dropdown" href="#">
   xx
    <span class="caret"></span>
    </a>
    <ul class="dropdown-menu">
        <form>
            <input type="hidden" name="game" value="ttt-play">
            <button class="btn btn-link">xx</button>
        </form>
        <hr>
        <form>
            <input type="hidden" name="game" value="ttt-newgame">
            <button class="btn btn-link">xx</button>
        </form>
        <form>
            <input type="hidden" name="game" value="ttt-joingame">
            <button class="btn btn-link">xx</button>
        </form>
    </ul>

    </div>
        <div class="btn-group">
    <a class="btn btn-primary btn-block btn-large dropdown-lead dropdown-toggle" data-toggle="dropdown" href="#">
    yyy
    <span class="caret"></span>
    </a>
    <ul class="dropdown-menu">
        <form>
            <input type="hidden" name="game" value="ttt-play">
            <button class="btn btn-link">yyy</button>
        </form>
        <hr>
        <form>
            <input type="hidden" name="game" value="ttt-newgame">
            <button class="btn btn-link">yyy</button>
        </form>
        <form>
            <input type="hidden" name="game" value="ttt-joingame">
            <button class="btn btn-link">yyy</button>
        </form>
    </ul>
 </div>
 <form>
    <input type="hidden" name="game" value="paint">
    <button class="btn btn-large btn-block btn-primary" type="submit">paint</button>
</form>

谁能帮帮我？

Answer 1

添加btn-block至 <div class="btn-group">