Ocultar en bootstrap 4

Estoy intentando ocultar un texto de la siguiente manera

  • Aplicaciones para la nube

    Para empresa que requiera ampliar sus plataformas de gestión.

Pero la clase hidden-md-down никакой funciona. En la documentación de bootstrap 4 кукурузных лепешки que se понимает de esta manera. Быстро реагирующие утилиты - загружаются 4

1
задан 18.05.2017, 11:03
2 ответа

ВїCon, что versiГіn bootstrap ты работаешь? Так как она versiГіn настоящий Bootstrap его 4.3...

SegГєn Ваш documentaciГіn это форма, чтобы скрывать элементы, но больше ничто это не скрывает и занимает место.

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<div class="visible">Aqui esta</div>
<div class="invisible">Aqui no esta.</div>

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
Видимость

Сейчас, если ты хочешь скрыть что-то segГєn она dimesiГіn от экрана... Существуй другие классы.

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    
    <div class="d-none">Esta clase lo oculta para todo</div>
    
    <div class="d-none d-sm-block">Esta clase lo oculta para pantallas extra-pequeñas
    </div>
    
    <div class="d-none d-md-block">Esta clase lo oculta para pantallas pequeñas
    </div>
    
    <div class="d-none d-lg-block">Esta clase lo oculta para pantallas medianas
    </div>
    
    <div class="d-none d-xl-none">Esta clase lo oculta para pantallas grandes
    </div>

    <div class=" d-xl-none">Esta clase lo oculta para pantallas extra-grandes
    </div>

    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
ты Можешь узнавать лучше в ней documentaciГіn о Bootstrap. Я надеюсь помочь тебе. Скрывать элементы

я рекомендую Тебе видеть примеры на полном экране, для того, чтобы ты отобразил лучше.

1
ответ дан 24.11.2019, 09:07

класс в .hidden удалил в версии 4 избавь используется класс .d-none

<div class="d-none">no soy visible</div>

как она documentaciГіn, что есть в следующем соединении https://getbootstrap.com/docs/4.0/utilities/display /

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">

<p class='errorposicion_x text-center alert alert-danger hidden'>este se muestra</p>
<p class='errorposicion_x text-center alert alert-danger d-none'>este no se muestra</p>
<p class='errorposicion_x text-center alert alert-danger hidden'> y este si se muestra</p>
0
ответ дан 24.11.2019, 09:07