首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >bootstrap按钮:拉伸以填充其容器空间

bootstrap按钮:拉伸以填充其容器空间
EN

Stack Overflow用户
提问于 2014-06-15 10:33:40
回答 1查看 63.1K关注 0票数 39

我使用的是bootstrap按钮,我想拉伸中间的下拉按钮来填充工具栏的其余部分。

HTML (缩写代码):

代码语言:javascript
复制
<div class="gallery-toolbar">
    <ul style="padding:0">
   <li><a>Back</a></li>

   <li id="gallery_title">
   <div class="btn-group">
     <a class="btn btn-default"><?php echo $gallery->title ?></a>
     <a class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
     <ul class="dropdown-menu">some php</ul>
   </div></li>

  <li><a>Slideshow</a></li>

css:

代码语言:javascript
复制
.gallery-toolbar li { list-style:none; display: inline }
.gallery-toolbar li:last-child { float:right }
#gallery-title { ?? }

我尝试过"btn-group-jastified“类,但它根本不起作用。

有什么想法吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-06-15 17:56:00

你试过btn-block吗?

代码语言:javascript
复制
<a class="btn btn-default btn-block"></a>

并尝试使用width:100%

代码语言:javascript
复制
<div class="btn-group" style="width:100%">
票数 97
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24226062

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档