<!-- Button trigger modal -->

<button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#exampleModalLongSC">

  Launch demo modal

</button>

​

<!-- Modal -->

<div class="modal fade" id="exampleModalLongSC" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitleSC"

  aria-hidden="true">

  <div class="modal-dialog modal-dialog-scrollable" role="document">

    <div class="modal-content">

      <div class="modal-header">

        <h5 class="modal-title" id="exampleModalLongTitleSC">Modal title</h5>

        <button type="button" class="close" data-dismiss="modal" aria-label="Close">

          <span aria-hidden="true">&times;</span>

        </button>

      </div>

      <div class="modal-body scrollbar-primary">

        <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget

          quam.

          Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>

        <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue

          laoreet

          rutrum faucibus dolor auctor.</p>

        <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl

          consectetur

          et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

        </p>

        <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget

          quam.

          Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>

        <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue

          laoreet

          rutrum faucibus dolor auctor.</p>

        <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl

          consectetur

          et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

        </p>

        <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget

          quam.

          Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>

        <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue

          laoreet

          rutrum faucibus dolor auctor.</p>

        <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl

          consectetur

          et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

        </p>

        <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget

          quam.

          Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>

        <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue

          laoreet

          rutrum faucibus dolor auctor.</p>

        <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl

          consectetur

          et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

        </p>

        <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget

          quam.

          Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>

        <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue

          laoreet

          rutrum faucibus dolor auctor.</p>

        <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl

          consectetur

          et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

        </p>

        <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget

          quam.

          Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>

        <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue

          laoreet

          rutrum faucibus dolor auctor.</p>

        <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl

          consectetur

          et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

        </p>

      </div>

      <div class="modal-footer">

        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        <button type="button" class="btn btn-primary">Save changes</button>

      </div>

    </div>

  </div>

</div>

​

​

​