1486 sujets

Web Mobile et responsive web design

Bonjour,

J'utilise bootstrap 4.4.

Avant tout, voilà le code :
<!DOCTYPE html>
<html lang="fr">
    <head>
    </head>
    <body>
    <div class="container-fluid">
    	<h2>blabla</h2>
	    <div class="table-responsive">
		<table>
		    <tr>
		        <td style="width:60%">
		            <div class="embed-responsive embed-responsive-16by9">
		                <iframe src="" class="embed-responsive-item" allowfullscreen></iframe>
		            </div>
		        </td>
		        <td>
		            blabla
		        </td>
		    </tr>
		</table>
	    </div>

    <footer><hr />
       blabla
    </footer>
        </div>
    </body>
</html>


Je voudrais masquer le 2ème <td></td> sur téléphone et tablette mais le conserver sur PC.

Avec bootstrap 3 j'avais les class "visible-md" et "visible-lg" mais avec la version 4.4 ça n'existe plus à priori donc je galère. J'ai probablement raté un truc quelque part mais j'arrive pas à savoir quoi ni ou. Smiley smile
Merci beaucoup ça fait des heures que je cherchais et là ça fonctionne nikel comme ceci :
<td class="d-none d-md-block d-lg-block d-xl-block"></td>