gpt4 book ai didi

html - Bootstrap 按钮不在 div 内?

转载 作者:太空宇宙 更新时间:2023-11-04 04:18:49 25 4
gpt4 key购买 nike

如果其中的文本太长,我正在尝试调整 Bootstrap 按钮的大小。

目前它伸出 div 的另一端,看起来很傻。

这是我的代码:

<div class="row marketing">

<div class="col-lg-7">

<video id="video_player" class="video-js vjs-default-skin" autoplay preload="auto" width="100%" poster="http://video-js.zencoder.com/oceans-clip.png" data-setup="{}">
<source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
<track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track>
</video>

</div>

<div class="col-lg-5">

<div class="list-group">
<a href="#" class="list-group-item"><span class="glyphicon glyphicon-ok-sign"></span> Cras justo odio</a>
<a href="#" class="list-group-item"><span class="glyphicon glyphicon-ok-sign"></span> Dapibus ac facilisis in</a>
<a href="#" class="list-group-item"><span class="glyphicon glyphicon-ok-sign"></span> Morbi leo risus</a>
<a href="#" class="list-group-item"><span class="glyphicon glyphicon-ok-sign"></span> Porta ac consectetur ac</a>
<a href="#" class="list-group-item"><span class="glyphicon glyphicon-ok-sign"></span> Vestibulum at eros</a>
</div>

<a class="btn btn-lg btn-success" href="#">Donec id elit non mi porta gravida at eget metus.</a>

</div>

</div>

谢谢,安迪

最佳答案

我遇到了同样的问题。我通过设置 CSS 属性解决了这个问题:

white-space:normal

因为 Bootstrap 默认将其设置为 nowrap

关于html - Bootstrap 按钮不在 div 内?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19481879/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com