引导 4:手风琴中的卡头不会使文本响应移动大小

Question

我在引导 4 中确实有一个手风琴.卡标题中的文本没有响应，因此当其长度大于卡标题的宽度时，它会显示在外面。

<div class="card">
<div class="card-header" id="headingEight">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseEight" aria-expanded="false" aria-controls="collapseEight">
<p>1. Header which is not responsive so in mobile it does not display right</p>
</button>
</h5>
</div>
<div id="collapseEight" class="collapse" aria-labelledby="headingEight" data-parent="#accordion">
<div class="card-body text-justify">
Text here is responsive
</div>
</div>
</div>

Answer 1

更改类：

.btn {
white-space: nowrap;
}

自：

.btn {
white-space: normal;
}