Блог

В Bootstrap v3 я смог создать многострочный модальный заголовок в диалоговых окнах, чтобы разместить вверху небольшую пользовательскую справку, такую как:

    <div class="modal fade" id="fileOpenModal" role="dialog" tabindex='-1'>
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header" style="margin-bottom:4px">
                    <button type="button" class="close" data-dismiss="modal">amp;times;</button>
                    <h4 class="modal-title">Open a File</h4>
                    <p style="font-family:Arial; font-size:12px; font-style:italic;margin-bottom:0px">Open an existing file for editing. Current open files will not be closed.</p>
                 </div>
                 <div class="modal-body">
            .... etc. 
 

Я пробовал всевозможные комбинации в Bootstrap 5, но, похоже, не могу получить ту же функциональность.

Есть какой-нибудь способ сделать это?

Я смог добиться этого, отключив flexbox для заголовка и заставив display:block :

     .modal-header {
        display: block;
        padding: 1rem 1rem;
        border-bottom: 1px solid #dee2e6;
        border-top-left-radius: calc(.3rem - 1px);
        border-top-right-radius: calc(.3rem - 1px);
    }