Bootstrap col-6 col-md-4在手机上不起作用。

嗨,第一次在这里发帖,所以要温柔点: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>

所以,我希望我的列在手机设备上是一半的宽度,但没有工作。发生的画面

任何想法?

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

提前感谢大家的解答:)

解决方案:

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

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

给TA打赏
共{{data.count}}人
人已打赏
未分类

将阿拉伯字体导入React Material Theme

2022-9-13 14:40:24

未分类

使用Active Record在嵌套的多级Postgres JSON类型中搜索。

2022-9-13 14:40:26

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索