Question

我有一个页面部分，其中包含桌面/移动设备上的链接：

link link link link link link

但这在移动设备上

link    link
link    link
link    link

你能提供一些关于如何在bootstrap中工作的建议吗？我现在正在使用HTML，如下所示。不同的HTML会帮助你吗？

<span class="col-xs-12 text-center" >
    <a href="http://link" class=" col-xs-6" >link</a>
    <a href="http://link" class=" col-xs-6" >link</a>
    <a href="http://link" class=" col-xs-6" >link</a>
    <a href="http://link" class=" col-xs-6" >link</a>
    <a href="http://link" class=" col-xs-6" >link</a>
    <a href="http://link" class=" col-xs-6" >link</a>
</span>

Answer 1

SetConsoleWindowInfo

如果您希望它们在移动设备中具有相同的单行结构，请使用<div class="row"> <span class="col-md-12 col-xs-12 text-center"> <a href="http://link" class="col-md-2 col-xs-6">link</a> <a href="http://link" class="col-md-2 col-xs-6">link</a> <a href="http://link" class="col-md-2 col-xs-6">link</a> <a href="http://link" class="col-md-2 col-xs-6">link</a> <a href="http://link" class="col-md-2 col-xs-6">link</a> <a href="http://link" class="col-md-2 col-xs-6">link</a> </span> </div>

Bootply

Answer 2

您可以按照以下方式执行此操作：

{{1}}

在桌面/平板电脑中连接一行，在移动设备中连接两列？

2 个答案: