Je veux obtenir une configuration comme ceci:Deux divs sur le dessus d'un collage div ainsi que l'aide-twitter bootstrap
[- div -] [- div -]
[ ------- div --------]
Je veux qu'ils restent toujours ensemble, quelle que soit la taille de l'écran. Quel est le meilleur moyen d'y parvenir avec le framework twitter-bootstrap?
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/>
<div class="row">
<div class="col-xs-6" style="background-color:red; height:50px"></div>
<div class="col-xs-6" style="background-color:yellow; height:50px"></div>
<div class="col-xs-12" style="background-color:green; height:50px"></div>
</div>[- COL-xs-6 -] [- COL-xs-6 -]
[------- col-xs-12 --------]
Vous pouvez également réaliser sans bootstrap comme ci-dessous:
[--width:50%--][--width:50%--]
[--width:100%--]
Peut-être que vous devez utiliser d'autres CSS comme float: gauche et effacer: les deux pour div div
Assurez-vous que le bootstrap est lié à la page, sinon vous ne serez pas en mesure de faire de la magie. Si vous voulez vraiment apprendre, je vous recommande de consulter w3 pour leur tutoriel.
pourquoi ne downvote? – Jonathan
Certaines personnes sont si promptes à poser des questions et des réponses, plutôt qu'à dire ce qui ne va pas. Surtout comme un nouveau venu dans la scène comme moi, c'est un peu frustrant – obrob
Je me sens comme si ma réponse est juste et vient avec un exemple pratique – Jonathan