Avant dans le bootstrap 2 vous pouviez inverser l'ordre d'empilement dans les grilles en inversant les flotteurs.Inverser l'ordre d'empilement dans le bootstrap 3?
Dans bootstrap 3, cela ne semble pas fonctionner. Quelqu'un peut-il me dire les solutions pour bootstrap 3?
Toute aide serait appréciée. .
Utilisez les .col-md-push-* et .col-md-pull-* cours de modification, voir: http://getbootstrap.com/css/#grid-column-ordering
exemple:
<div class="container">
<div class="col-sm-5 col-sm-push-7" style="height:50px;background-color:green;">first right</div>
<div class="col-sm-7 col-sm-pull-5" style="height:100px;background-color:red;">second left</div>
</div>
dans Bootstrap 3 vous pouvez utiliser col-md- et poussoir col- md-pull-.
Voici le code complet. J'espère que cela va résoudre votre problème.
<html><head>
\t <title>Bootstrap in practice: the grid system</title>
\t <meta name="viewport" content="width=device-width, initial-scale=1.0">
\t <!-- Bootstrap CSS -->
\t <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
\t <!-- To better visualize the columns -->
\t <style>
\t .row > div {
\t \t background-color: #dedef8;
\t \t box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;
\t }
\t </style>
</head>
<body>
<div class="container">
\t <h1>Hello, world!</h1>
\t <div class="row">
\t \t <div class="col-md-4 col-md-push-8">I was left</div>
\t \t <div class="col-md-8 col-md-pull-4">I was right</div>
\t </div>
</div>
</body></html>exécuter ce code dans la page HTML séparée
est ici aperçu 
J'ai essayé d'inverser les flotteurs sur leurs exemples, a fonctionné comme un charme. quelque chose d'autre pourrait être mauvais pour vous. – Razz
Inverser les flotteurs ne fonctionne pas dans Bootstrap 3, confirmé. La réponse de Bass Jobsen ci-dessous est correcte. – Brant