小编Chu*_*der的帖子

Bootstrap 在一行中设置 4 个元素

我想在底部的一行中设置链接,例如“链接 1 左下角”、“链接 2 中心底部”、“链接 3 右下角”但“链接 2”不在 PC 和移动设备上居中。

HTML:

            <div>
                <a id="contact" href="/contact">Link 1</a>
                <a id="link" href="/repo">Link 2</a>
                <a id="api" href="/json">Link 3</a>
            </div>
Run Code Online (Sandbox Code Playgroud)

CSS:

#contact{
    float: left;
    font-size: 20px;
    padding-top: 0.17em;
}

#api{
    float: right;
    font-size: 20px;
    padding-top: 0.17em;
}

#link{
    display: inline;
    font-size: 30px;
    padding-right: 2.5%;
}
Run Code Online (Sandbox Code Playgroud)

现在的样子

在此处输入图片说明

html css twitter-bootstrap bootstrap-4

4
推荐指数
1
解决办法
1万
查看次数

标签 统计

bootstrap-4 ×1

css ×1

html ×1

twitter-bootstrap ×1