关于bootstrap中如何让两个button在一行中，并填满button所在的li所占的宽度：报错

这是我写的一个登陆，以上的选择控件以及输入控件 都是写在 <li>标签中
最后两个button 写在了一个li 中，从网上查了一些资料 用了一些方法都没达到我想要的效果，我希望这两个按钮平均占满他们所在的li所对应的div的宽度（就是这俩button的宽度各占上面控件宽度的一半，并在一行中），他们的div用的是col-lg-3这个宽度。

以下是代码部分：

<div class="row">
          <div class="col-lg-3">
            <ul class="nav nav-pills nav-stacked" id="pageHtmlQueryNavItemList">
              
              <li>
                <div class="input-group">
                  <span class="input-group-addon">选择部门</span>
                  <select class="form-control" id="pageHtmlSelectDistrict">
                    
                  </select>
                </div>
              </li>
              <li>
                <div class="input-group">
                  <span class="input-group-addon">登入名称</span>
                  <input class="form-control" type="text" placeholder="请输入登录名" value="" />
                </div>
              </li>
              <li>
                <div class="input-group">
                  <span class="input-group-addon">登入密码</span>
                  <input class="form-control" type="password" placeholder="请输入登录密码" value="" />
                </div>
              </li>
              <li>
                <div class="btn-group">
                  <button type="button" class="btn btn-default">登录</button>
                  <button type="reset" class="btn btn-default">重置</button>
                </div>
              </li>
            </ul>
            
          </div>
        </div>

拜托各位了