Question

引导程序中的

col-md- *类可以满足桌面大小的需要，但在移动设备中，响应能力并不能满足我的需求。

<div class="row">
                <div class="col-md-4 col-md-offset-1 wow fadeInUp" data-wow-delay="0.4s">
                    <div class="team-thumb">
                        <div class="image-holder">
                        <img src="images/test1.jpg" class="img-responsive img-circle">
                        </div>
                        <!--some stuff here-->
                    </div>
                </div>
                <div class="col-md-4 col-md-offset-2 wow fadeInUp" data-wow-delay="0.4s">
                    <div class="team-thumb">
                        <div class="image-holder">
                            <img src="images/test1.jpg" class="img-responsive img-circle">
                        </div>
                        <!--some stuff here-->
                    </div>
                </div>
            </div>

以下是该页面的链接：https://fossiitmandi.github.io/

Answer 1

您是否尝试过使用适用于较小屏幕的列断点？＆＃39; MD＆＃39;描述了中等大小屏幕的断点。你可以使用＆＃39; sm＆＃39;或者＆＃39; xs＆＃39;对于较小的屏幕（我认为＆＃39; xs＆＃39;可能是较新的版本）。您可以将col-md-4和col-sm-6设置为同一元素上的类，以描述它应该如何表现。

我确定一个经验丰富的人可以为你提供更多细节，如果那些人不做你想做的事。

如何让col-md- *按照我想要的方式在移动屏幕上工作？

1 个答案: