Discussion :

[fidbell84]

j'ai fais mon code en utilisant les colonnes dans bootstrap

je veux que lorsque je minimise l'ecran l'affichage reste le même
cad image suivi d'un texte

voila mon code:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<div class="row">
    <div class="col-md-6">
        <a style="display: flex; margin: 10px; color: #000;" ng-click="openModalFiltre()">
            <img src="images/home/ic_filtre.png" class="imageMenu">
        </a>
    </div>
    <div class="col-md-6">
        <h2 class="textMenu">Filtra</h2>
    </div>
    </a>
</div>
<div class="row">
    <div class="col-md-6">
        <a style="display: flex; margin: 10px; color: #000;" ng-click="logout()">
            <img src="images/home/ic_import.jpg" class="imageMenu">
        </a>
    </div>
    <div class="col-md-6">
        <h2 class="textMenu">Logout</h2>
    </div>
    </a>
</div>

: celle pour affichage de device PC

je veux que sur un tél l'affichage reste le même comment le faire??

[NoSmoking]

Bonjour,
même réponse ou presque que sur ton autre discussion
Commence par écrire du code correct et place ton CSS dans la partie style de ta page ou encore dans un feuille de style.

[fidbell84]

J'ai modifié le code déja. c'est pas la même discution, ici j'utilise les classes de bootstrap.

[Invité]

Bonjour,
peux-tu expliquer/justifier l'utilisation de display: flex; ?

[fidbell84]

J'ai déja supprimé. elle n 'a pas aucun rôle. mon prbléme c'est dans le classe:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="col-md-6">

de bootstrap

[NoSmoking]

mon prbléme c'est dans le classe

il te faut dans ce cas regarder si la classe que tu places sur ton élément est compatible avec ce que tu souhaites obtenir, à savoir si je ne m'abuse en résumé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
.col-md-6 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 50%;
}

[fidbell84]

Bonjour,

J'ai trouvé la solution dans laquel je dois utilisé ces lasses pour différents taille d'écran:
col-md-
col-lg-
col-sm-
col-xs-