我有下面的列表,我已经尝试了一切,使它看起来像是“其他电话号码格式”,但它总是在它前面,如图片所示。我需要做些什么才能使它低于课文?
    <div class="row">
        <h4 th:text="|Other phone number formats for ${phoneNumber}|"></h4>
        <ul class="list-group">
            <li class="list-group-item" th:text="${formatPhoneNumberNoDash}">Cras
                justo odio</li>
            <li class="list-group-item" th:text="${formatPhoneNumberNoDash}">Dapibus
                ac facilisis in</li>
            <li class="list-group-item" th:text="${formatPhoneNumberNoDash}">Morbi
                leo risus</li>
            <li class="list-group-item" th:text="${formatPhoneNumberNoDash}">Porta
                ac consectetur ac</li>
            <li class="list-group-item" th:text="${formatPhoneNumberNoDash}">Vestibulum
                at eros</li>
        </ul>
    </div>

发布于 2017-12-11 18:15:41
    <div class="row justify-content-center">
            <h4 class="text-center" th:text="|Other phone number formats for ${phoneNumber}|"></h4>
          <div class="col-xl-12">
            <ul class="list-group">
                <li class="list-group-item" th:text="${formatPhoneNumberNoDash}">Cras
                    justo odio</li>
                <li class="list-group-item" th:text="${formatPhoneNumberNoDash}">Dapibus
                    ac facilisis in</li>
                <li class="list-group-item" th:text="${formatPhoneNumberNoDash}">Morbi
                    leo risus</li>
                <li class="list-group-item" th:text="${formatPhoneNumberNoDash}">Porta
                    ac consectetur ac</li>
                <li class="list-group-item" th:text="${formatPhoneNumberNoDash}">Vestibulum
                    at eros</li>
            </ul>
          </div>
        </div>你可以在这里读到更多关于它的信息:https://getbootstrap.com/docs/4.0/layout/grid/#horizontal-alignment
希望这能有所帮助。
https://stackoverflow.com/questions/47758303
复制相似问题