带有 Bootstrap 的 HTML 新行

Question

使用这个reference和红色警报选项。这里是:

<div class="alert alert-dismissible alert-danger">
    <button type="button" class="close" data-dismiss="alert">&times;</button>
    <strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again.
</div>

在他们的示例中，尝试后有一个换行符..仅仅是因为宽度吗？

我的版本:

<div class="alert alert-dismissable alert-danger" style="float:right;">
    <button type="button" class="close" data-dissmiss="alert">&times;</button>
    <strong>Leave blank if there is already a Record for today!&#13;&#10; This will auto-calculate based on the previous Record.</strong>
</div>

现在我的没有任何换行符，但我也没有弄乱 CSS .. 但我想知道是否有办法在 <strong> 中放置换行符排队？我尝试使用 this ，但我想这仅限于 <textarea>的。

任何帮助表示赞赏。

Answer 1

只需输入 br标记任何你想要换行的地方。注意下面示例中记录后的新行，因为插入了 <br> .

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

<div class="alert alert-dismissable alert-danger" style="float:right;">
    <button type="button" class="close" data-dissmiss="alert">&times;</button>
    <strong>Leave blank if there is already a Record<br>for today!&#13;&#10; This will auto-calculate based on the previous Record.</strong>
</div>