Mi logo

Ayuda para saber en que tipo de pantalla estamos segun Bootstrap 5

Selecciona, copia y pega este codigo en el <body> de tu pagina Bootstrap 5 para obtener la ayuda. En la esquina inferior derecha verás en que tipo de pantalla, segun Bootstrap, te encuentras:

<-- Copia y pega este codigo en el <body> de tu pagina Bootstrap 5 para obtener la ayuda -->
<-- Select, copy and paste the code in the <body> tag of your's Bootstrap 5 page to see the helper -->
<div class="container-fluid fixed-bottom">
    <div class="row">
        <div class="col-auto d-sm-none ml-auto bg-primary text-white"><576px <strong>(xs - Extra Small)</strong></div>
        <div class="col-auto d-none d-sm-block d-md-none ml-auto bg-secondary text-white">≥576px y <768px <strong>(sm - Small)</strong></div>
        <div class="col-auto d-none d-md-block d-lg-none ml-auto bg-success text-white">≥768px y <992px <strong>(md -Medium)</strong></div>
        <div class="col-auto d-none d-lg-block d-xl-none ml-auto bg-warning">≥992px y <1200px <strong>(lg - Large)</strong></div>
        <div class="col-auto d-none d-xl-block d-xxl-none ml-auto bg-info text-white">≥1200px y <1700px <strong>(xl - Extra Large)</strong></div>
        <div class="col-auto d-none d-xxl-block ml-auto bg-danger text-white">≥1700px <strong>(xxl - Extra Extra Large)</strong></div>
    </div>
</div>
<576px (xs - Extra Small)
≥576px y <768px (sm - Small)
≥768px y <992px (md -Medium)
≥992px y <1200px (lg - Large)
≥1200px y <1700px (xl - Extra Large)
≥1700px (xxl - Extra Extra Large)