Responsive mobile picture

0

IwouldliketoknowhowIdotoleavethefirstimagewhenitismobiledevicetheimageisonlyonthescreenisthefirstinthecaseof"the computer" without being divided the way it is appearing the "on"

<div class="carousel-inner" id="home">


        <div class="carousel-item ">
            <img src="imgs/lago.jpg" class="img-fluid d-block">
            <div class="carousel-caption d-none d-md-block text-light">
                <!-- d-none some se minimiza -->
                <div class="img1" align="center" id="nome">Alyson Zancanaro Ramos</div>
            </div>
        </div>


        <div class="carousel-item active">
                <img src="imgs/pc.jpg" class="img-fluid d-block">
            <div class="carousel-caption d-none d-md-block text-light">
                <div class="img2" align="center">Alyson Zancanaro Ramos</div>
            </div>
        </div>
    
asked by anonymous 17.10.2018 / 19:18

1 answer

0

The bootstrap itself already has classes ready for it, not to display a dom element on different devices,

Bootstrap 4 link

Boostrap 3

Example

.hidden-xs (To hide div, or other elements on mobile phones) .hidden-sm (To hide div, or other elements on average devices) .hidden-md ... and other classes

    
17.10.2018 / 21:28