Question

目前，我正在使用HTML Bootstrap 4并设计一个小的网页。在发现并实现一个折叠按钮后，该按钮将显示2张图片，之后，我出现了布局问题。折叠按钮应该只隐藏并显示两张图片，确实如此，但是在显示图片时，底部的文字会以某种方式在图片之间跳转。到目前为止，我找不到所需的答案，因此希望你们中的一个可以帮助我。

how it is not supposed to look

这是我的代码（请注意，由于我无权显示该URL，因此必须删除正确的URL）我现在不使用CSS

    <div class="container">
        <a href="#hide" type="button" class="btn btn-primary" data-toggle="collapse">Surprise</a>
        <div id="hide" class="collapse">
            <img align="left" src="https://www.****.jpg"
                data-anim-type="" width="500" height="300">

            <img align="right" src="https://www.****.jpg" alt="***"
                width="500" height="300">
        </div>
    </div>
<br>
<br>
    <div class="container">
        <blockquote class="blockquote" style="-webkit-text-fill-color:whitesmoke">
            <p2 class="lead">*** supportet auch Auszubildende und Praktikanten mit allen Kräften und Mitteln!</p2>
        </blockquote>
    </div>

预先感谢

Answer 1

输入此代码，然后查看输出：

<div class="container">
<a href="#hide" type="button" class="btn btn-primary" data-toggle="collapse">Surprise</a>
    <div class="row">
        <div id="hide" class="collapse">
            <img align="left" src="http://www.***.jpg"
                    data-anim-type="" width="500" height="300">

            <img align="left" src="http://www.***.jpg"
                    alt="***" width="500" height="300">
        </div>
    </div>

<div class="container">
<div class="row">
    <blockquote class="blockquote">
        <p2 class="lead">*** supportet auch Auszubildende und Praktikanten mit allen Kräften und Mitteln!</p2>
    </blockquote>
</div>

文字跳入imagecontainer html引导程序

1 个答案: