Bootstrap 引导按钮:拉伸以填充其容器空间

sq1bmfud  于 2023-06-20  发布在  Bootstrap
关注(0)|答案(2)|浏览(143)

我使用引导按钮,我想拉伸中间的下拉按钮,以填补工具栏空间的其余部分。

HTML(缩短代码):

<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:

.gallery-toolbar li { list-style:none; display: inline }
.gallery-toolbar li:last-child { float:right }
#gallery-title { ?? }

我试过“btn-group-jastified”类,但它根本不起作用。
有什么想法吗?

jdg4fx2g

jdg4fx2g1#

你试过btn-block吗?

<a class="btn btn-default btn-block"></a>

并尝试width:100%

<div class="btn-group" style="width:100%">
djp7away

djp7away2#

对于bootstrap 5,这将不起作用。需要增加w-100

<a class="btn btn-default btn-block w-100"></a>

相关问题