仅使用 bootstrap 在两个 <a> 标签之间添加 space/break 行？

Question

我正在使用 PHP for 循环在 HTML 页面中打印 10 个标签。

但是，我需要 <a> 标签与一些 space 出现在不同的行中。我知道这可以使用自定义 CSS 来实现，但是有什么方法可以仅通过 bootstrap 来实现吗？

我添加了HTML代码供参考：

<?php
for ($i = 0; $i < 10; $i++) { ?>
  <span><?php echo $i + 1; ?>. </span><a class href="#">Lorem ipsum dolor sit</a><br />
<?php } ?>

感谢您的帮助！

预期输出：

诚然，痛苦会伴随着肥胖的精英。而且你一定要有很强的吃苦耐劳谁
诚然，痛苦会伴随着肥胖的精英。而且你一定要有很强的吃苦耐劳谁
诚然，痛苦会伴随着肥胖的精英。而且你一定要有很强的吃苦耐劳谁
诚然，痛苦会伴随着肥胖的精英。而且你一定要有很强的吃苦耐劳谁
诚然，痛苦会伴随着肥胖的精英。而且你一定要有很强的吃苦耐劳谁
诚然，痛苦会伴随着肥胖的精英。而且你一定要有很强的吃苦耐劳谁
诚然，痛苦会伴随着肥胖的精英。而且你一定要有很强的吃苦耐劳谁
诚然，痛苦会伴随着肥胖的精英。而且你一定要有很强的吃苦耐劳谁
诚然，痛苦会伴随着肥胖的精英。而且你一定要有很强的吃苦耐劳谁
诚然，痛苦会伴随着肥胖的精英。而且你一定要有很强的吃苦耐劳谁

Answer 1

您可以使用 d-block class 制作 <a> 标签块元素，这样每个元素都从下一行开始

<?php for ($i = 0; $i < 10; $i++): ?>
    <div><span><?php echo $i + 1; ?>. </span>
    <a  href="#">Lorem ipsum dolor sit</a></div>
    <br />
<?php endfor; ?>

Reference

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" />

<span>1. </span><a href="#">Lorem ipsum dolor sit</a><br />
<span>2. </span><a  href="#">Lorem ipsum dolor sit</a><br />
<span>3. </span><a  href="#">Lorem ipsum dolor sit</a><br />
<span>4. </span><a  href="#">Lorem ipsum dolor sit</a><br />
<span>5. </span><a  href="#">Lorem ipsum dolor sit</a><br />

Answer 2

使用有序列表：

<ol>
<?php for ( $i = 0; $i < 10; $i++ ): ?>
    <li><a href="#">Lorem ipsum dolor sit amet</a></li>
<?php endfor; ?>
</ol>

Answer 3

包裹在 div 中？

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" />

<div><span>1. </span><a href="#">Lorem ipsum dolor sit</a></div>
<div><span>2. </span><a href="#">Lorem ipsum dolor sit</a></div>

仅使用 bootstrap 在两个 <a> 标签之间添加 space/break 行？

Add space/break line between two <a> tags using bootstrap only?

html

css

twitter-bootstrap-3

bootstrap-4