Bootstrap col-6 col-md-4 не работает на телефоне - PullRequest
Новая
       16

Bootstrap col-6 col-md-4 не работает на телефоне

0 голосов
/ 27 апреля 2020

Привет, когда вы впервые публикуете здесь, так что будьте осторожны: 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/

Спасибо за все ваши ответы заранее:)

1 Ответ

0 голосов
/ 27 апреля 2020

Вам нужен метатег вида, который определяет ширину и масштаб. Добавьте следующее к вашему head.

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

...