Bootstrap布局调整需求：徽章位置、图片满高及下划线设置

搞定！我按照你的要求调整了代码，完全符合两个需求，下面是修改后的完整代码片段：

<div class="box box-info">
    <!-- 图片添加满高样式 -->
    <img src="你的图片路径" alt="图片描述" style="height:100%;">
    
    <?php
    // 原有的链接代码
    echo '<b><a href="https://####/reactie"> '</b></a>';
    
    // 需求1：放置Denied徽章到正下方
    echo '<span class="badge bg-red">Denied</span>';
    
    // 需求2：添加细横线分隔
    echo '<hr style="border: none; border-top: 1px solid #eee; margin: 8px 0;">';
    
    // 原有的用户名代码
    echo '<a> - ' . $topic['voornaam'] . '</a>';
    ?>
</div>

改动细节说明： #

• 关于徽章和图片：把Denied徽章的代码精准放在了你指定的链接代码正下方；同时给图片元素加上了style="height:100%;"，保证图片满高显示，如果你的图片是背景图的话，可以改成background-size: cover; height:100%;来适配。
• 关于细横线：在指定的两个echo语句之间插入了一条自定义样式的<hr>，这条横线是细的浅灰色线条，间距适中，你可以根据页面风格调整border-top的颜色（比如#ddd）或者margin值来优化视觉效果。

内容的提问来源于stack exchange，提问作者maybeiforgotmypassword