将多个元素同时放置到一行

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了将多个元素同时放置到一行相关的知识,希望对你有一定的参考价值。

Bootstrap 使用一种响应式网格布局——可轻松实现将多个元素放入一行并指定各个元素的相对宽度的需求。Bootstrap 中大多数的class属性都可以设置于 div 元素中。

下面这张图表显示了 Bootstraps 的12列网格布局是如何起作用的:

技术分享

<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info">Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger">Delete</button>
</div>
</div>











以上是关于将多个元素同时放置到一行的主要内容,如果未能解决你的问题,请参考以下文章

Chrome-Devtools代码片段中的多个JS库

CSS标签显示模式 ② ( 行内元素 | 行内块元素 )

在选项卡式应用程序中的何处放置位置代码?

如何将捆绑从一个活动传递到放置在另一个活动中的片段?

如何在 FAB 按钮单击时将数据从多个片段发送到单个活动

如何正确地将多个片段添加到片段过渡?