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

int80h 发布于 2018/03/01 08:49
阅读 2K+
收藏 0

这是我写的一个登陆,以上的选择控件以及输入控件 都是写在 <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>

拜托各位了

加载中
1
麦琪
i
int80h
您好,谢谢你,我给登录部分加了一个面板,在面板的floot中放了 两个按钮,并让两个按钮居右,先这样用着,你给的链接我去看了,好像有解决方法,到时候我试试!
0
jun4rui
jun4rui

手写每个button width='50%'

i
int80h
谢谢你,我用了width=50% 这个办法,但是不行。使用之后button会有所加长,但是并没有两个平均占满他们所在的那个范围,而且设置的稍大点后 即使不到100% 也会出现换行
返回顶部
顶部