首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >引导文本不低于文本

引导文本不低于文本
EN

Stack Overflow用户
提问于 2017-12-11 17:35:03
回答 1查看 30关注 0票数 0

我有下面的列表,我已经尝试了一切,使它看起来像是“其他电话号码格式”,但它总是在它前面,如图片所示。我需要做些什么才能使它低于课文?

代码语言:javascript
复制
    <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>

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-12-11 18:15:41

代码语言:javascript
复制
    <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

希望这能有所帮助。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47758303

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档