Html 遵守bootstrap3中的3列

我正在尝试使用引导创建一个页面。想法是在左边的show star（链接）上创建3列，中间是加泰罗尼亚语的单词“infilmtras”，右边是其他星星（其他链接）

但它使电脑、手机和平板电脑都变形了。我想在3个设备中看起来不错

第二列中的移动设备未居中，第三列跳转到下一行（在单词“infilmtras”之后）

你知道吗？我试图“浮动”，但没有办法，我花了我的代码

多谢各位

现在

是的，应该是

I
N
T
E
R
R
O
G
A
T
O
R
I
O
S

---

您需要添加列div。像这样：

<div class="row">

<div class="col-sm-4">
  <div class="pull-left"> ... <div>
<div>

<div class="col-sm-4">
  <div class="centered"> ... <div>
<div>

<div class="col-sm-4">
  <div class="pull-right"> ... <div>
<div>

</div>

... 
... 
... 

您需要使用的列类。默认情况下，网格系统中有12列。如果需要3列，则除以12/3=4，以获得每列的宽度

左边
居中
赖特

---

与列相关联的各种大小（

xs

、

sm

、

md

、

lg

）决定了列将在什么时候变为全宽并开始堆叠。

您不使用引导列类有什么原因吗？（即，

col-sm-4

？）您需要使用引导网格系统（使用引导的主要原因）。阅读此处的文档：您使用的引导框架错误：（在桌面工作中，但在移动设备中否，您可以在此处进行测试：3列跳转到下一行，以及单词“infilmtras”是受影响的，非常感谢much@IvanMenethil请尝试阅读有关网格列行为的引导文档：。既然OP想在移动设备中使用，为什么不使用

col-xs-4

呢？您一定没有理解我关于不同列大小的观点。此外，

col-xs-*

并不是专门用于移动设备的是的。没有什么规定我不能对一行使用

col md-*

，对下一行使用

col lg-*

。嵌套列也是如此。这完全取决于您希望列折叠的方式和时间。我的观点是，既然用户想要移动，为什么要从

md

开始…我们知道移动版需要三列…您知道吗让OP更加困惑（很明显，他还不了解bootstrap的网格系统）不必要的讽刺，尽管如此，每个人的学习方式都不一样。你不必让这一课成为他们学习的秘密。而且，这是判断的一个大飞跃，从“不了解bootstrap”到“牵手走过人生”-但当然，你想做对的人，所以你需要贬低别人，让别人觉得自己高人一等。好悲伤！！！你继续努力“教育”我，这里谁是对的？使用列类是98%的答案，另外2%是使用哪个列类。花五分钟浏览文档和boom！您已经了解了更多关于引导的知识，这将解决最后一个小问题，您将对框架有更多的了解，这将使您在未来受益。

<div class="row">

<div class="col-sm-4">
  <div class="pull-left"> ... <div>
<div>

<div class="col-sm-4">
  <div class="centered"> ... <div>
<div>

<div class="col-sm-4">
  <div class="pull-right"> ... <div>
<div>

</div>