Bootstrap5モーダルのフッターで改行したいのですが、うまくいかなくて困っています。
modal-body中は<div class="row"></div>で改行できるのですが、
modal-footer中は<div class="row"></div>で囲ったり、<br/>で改行してもうまくできませんでした。
どなたかわかるかたいらっしゃいましたらお願いします。
html
1 <div class="modal-dialog modal-lg"> 2 <div class="modal-content"> 3 <div class="modal-header"> 4 <h4 class="modal-title">モーダルタイトル</h4> 5 </div> 6 <div class="modal-body"> 7 <div class="form-horizontal"> 8 <div class="row mb-3"> 9 <div class="col-md-3"> 10 <label for="Name" class="form-check-label">名前</label> 11 </div> 12 <div class="col-md-9"> 13 <input type="text" class="form-control form-control-sm" style="width: 100%;" /> 14 </div> 15 </div> 16 <div class="row mb-3"> 17 <div class="col-md-3"> 18 <label for="Remarks" class="form-check-label">備考</label> 19 </div> 20 <div class="col-md-9"> 21 <input type="text" class="form-control form-control-sm" style="width: 100%;" /> 22 </div> 23 </div> 24 </div> 25 </div> 26 27 <div class="modal-footer"> 28 <button type="button" class="btn btn-primary btn-sm">登録</button> 29 <button type="button" class="btn btn-secondary btn-sm">閉じる</button> 30 <span>ここで任意の位置で改行したい</span> 31 <span>ここで任意の位置で改行したい</span> 32 <span>ここで任意の位置で改行したい</span> 33 <span>ここで任意の位置で改行したい</span> 34 <span>ここで任意の位置で改行したい</span> 35 <span>ここで任意の位置で改行したい</span> 36 <span>ここで任意の位置で改行したい</span> 37 <span>ここで任意の位置で改行したい</span> 38 <span>ここで任意の位置で改行したい</span> 39 <span>ここで任意の位置で改行したい</span> 40 </div> 41 </div> 42 </div>
あなたの回答
tips
プレビュー