Question

我像往常一样链接了Bootstrap 3，但是当我测试页面col-md时，它在中等屏幕上不起作用，并且在大屏幕上工作。问题出在哪里？并且它在页面中的所有col-md中重复出现，我也注意到容器的整个宽度都需要

(gdb) run
Starting program: /home/pi/new/a.out 
Breakpoint 1, function (s=0x7efff574 "\304\365\377~\300\365\377~", lim=100)
at test.c:14
14      for (i=0;i<lim-1&&(c=getchar())!=EOF&&c!='\n';++i)
(gdb) n
Hello, world

Breakpoint 3, function (s=0x7efff574 "\304\365\377~\300\365\377~", lim=100)
at test.c:15
15      s[i]=c;
(gdb) p s
$1 = 0x7efff574 "\304\365\377~\300\365\377~"
(gdb) p i
$2 = 0
(gdb) p c
$3 = 72
(gdb)

Answer 1

为了使其正常工作，我相信您正在寻找以下内容。在xs设备上给其全宽度，在sm设备上给其半宽度，在med及以上版本上给其1/3宽度。请在此处阅读引导网格系统的文档。 https://getbootstrap.com/docs/4.2/layout/grid/

<div class="col-xs-12 col-sm-6 col-md-4">
    <div class="services-item">
         <div class="services-item-icon">
              <i class="fa fa-paint-brush fa-3x"></i>
         </div>
         ....
    </div>
</div>

我在使用col- *并采用全角宽度时，Bootstrap没有响应，尽管它可以在大屏幕上工作？

1 个答案: