Bootstrap col-6 col-md-4在电话上不起作用

Question

嗨，第一次在这里发帖，所以要温柔点:D

我正在做我的响应式设计，这就发生了。下面是我的代码：

<div class="col-6 col-md-4 expertise">
<img src="<?= $value["skill_image"] ?>">
<h5>
    <?= $value["skill_name"] ?>
</h5>
<?php
for ($i = 0; $i < $value["skill_level"]; $i++) {
    ?>
    <span class="fa fa-star checked"></span>
<?php
}
for ($i; $i < 5; $i++) {
    ?>
        <span class="fa fa-star"></span>
    <?php
}
?>
</div>

因此，我希望我的列在电话设备上是半宽的，但这不起作用。Screen of what is happening

有什么想法吗？

如果你想在网站上看看：https://portfolio-sigier.com/

感谢您提前提供的所有答案:)

Answer 1

您需要一个定义宽度和比例的视口元标记。将以下内容添加到您的head。

<meta name="viewport" content="width=device-width, initial-scale=1">