bootstrap反转布局

最新推荐文章于 2023-03-25 13:48:32 发布

原创最新推荐文章于 2023-03-25 13:48:32 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#bootstrap

bootstrap 专栏收录该内容

6 篇文章

订阅专栏

本文主要介绍了两种不同的云应用展示布局方式，一种是将简介按钮置于右侧，另一种则是置于左侧，并通过推拉类样式实现布局变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div class="cont clearfix">
        <div class="col-md-4 col-xs-12 text-center">
            <p>云应用</p>
        </div>
        <div class="col-md-8 col-xs-12">
            <a href="#" class="btn bg-primary">了解详情</a>
        </div>
</div>
<div class="cont clearfix">
        <div class="col-md-4 col-xs-12 col-md-push-8  text-center">  
            <p>云应用</p>
        </div>
        <div class="col-md-8 col-xs-12 col-md-pull-4 ">
            <a href="#" class="btn bg-primary">了解详情</a>
        </div>
</div>