Как я могу отключить HTML-коды разных размеров? - PullRequest
Новая
       14

Как я могу отключить HTML-коды разных размеров?

1 голос
/ 09 марта 2019

Я хочу отключить некоторый HTML-код в указанном размере, который я хочу, например, я хочу отключить или редактировать div с контейнером класса размером 576px, это мой код. 

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<div class="container">
                 <div class="row">
                        <div class="col-2 col-sm-1 col-md-1 col-lg-2">
                            <div>
                                <a>Some codes</a>
                            </div>
                        </div>
                        <div class="col-8 col-sm-9 col-md-9 col-lg-8">
                            <div>
                                <nav>
                                    <ul class="cf--main-menu-wrapper">
                                        <li><a href="#">Home</a></li>
                                        
                                        <li><a href="#">Pricing</a></li>
                                        <li><a href="#">Our Features</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                        <div class="col-2 col-sm-2 col-md-2 col-lg-2">
                            <div>
                                <a>Download App</a>
                            </div>
                        </div>
                    </div>
        </div>

Я упомянул div в этом вопросе, но я имею в виду каждый HTML-код.спасибо.

Ответы [ 2 ]

0 голосов
/ 09 марта 2019

Если вы уже используете bootstrap 4, я бы не стал смешивать медиазапросы (только по уважительной причине - см. Ниже).

Используйте встроенные классы для сокрытия элементов , которые предоставляет начальная загрузка (они используют медиа-запросы за кулисами).

Пример: 

<div class="d-sm-none">hide on screens wider than sm</div>
<div class="d-none d-sm-block">hide on screens smaller than sm</div>

Значение 'sm' связано с тем, что вы запросили разрешение 576 пикселей - для получения более подробной информации проверьте здесь .

Вы можете использовать медиазапросы ТОЛЬКО, если вам нужно разрешение экрана, которое не поддерживаетсясоздавать классы, которые предоставляет начальная загрузка.

0 голосов
/ 09 марта 2019

Это может быть возможно при использовании медиа-запросов, подобных этому 

@media screen and (max-width: 576px) {
    .container {
        display: none;
    }
}

Вы можете отключить любую часть кода, которую хотите, используя медиа-запросы.

...