Question

我需要根据md和/或lg类型的设备对齐div，如附图所示。

使用我编写的代码..它将col 9 div推到col 3 div之下..

请帮我解决这个问题..

我正在使用的HTML是...

<div class="col-lg-12 col-md-9">

col 1 <div class="col-lg-3 col-md-3 col-lg-push-9"> col 3 </div> <div class="col-lg-9 col-md-9"> col 2 </div>

Answer 1

这对你有用。使用＆＃34; 向右拉＆＃34; class而不是你拥有的推送类。这应该可以解决问题。

您提出的 lg和md 示例：

<div class="col-lg-12 col-md-9">
    <!-- Content -->
</div>
<div class="col-lg-3 col-md-3 pull-right">
    <!-- Content -->
</div>
<div class="col-lg-9 col-md-9">
    <!-- Content -->
</div>

如果你想在较小的屏幕尺寸中为侧面添加额外的空间，这是一个 lg，md，sm 。

<div class="col-lg-12 col-md-9 col-sm-8">
    <!-- Content -->
</div>
<div class="col-lg-3 col-md-3 col-sm-4 pull-right">
    <!-- Content -->
</div>
<div class="col-lg-9 col-md-9 col-sm-8">
    <!-- Content -->
</div>

请在此处查看示例：Example

问候！

如何使用bootstrap根据lg和/或md类型对齐div？

1 个答案: