html - popovers - tags bootstrap
¿Revertir el orden de apilamiento en bootstrap 3? (2)
Utilice las clases de modificador .col-md-push-* y .col-md-pull-* . Consulte: http://getbootstrap.com/css/#grid-column-ordering.
ejemplo :
<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>
Antes, en bootstrap 2, podía invertir el orden de apilamiento en las cuadrículas invirtiendo los flotadores.
En bootstrap 3 esto no parece funcionar. ¿Alguien puede decirme las soluciones para bootstrap 3?
Cualquier ayuda sería apreciada.
en Bootstrap 3 puede usar col-md-push- y col-md-pull- .
Aquí está el código completo.
Espero que esto resuelva tu problema.
<html><head>
<title>Bootstrap in practice: the grid system</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap CSS -->
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
<!-- To better visualize the columns -->
<style>
.row > div {
background-color: #dedef8;
box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;
}
</style>
</head>
<body>
<div class="container">
<h1>Hello, world!</h1>
<div class="row">
<div class="col-md-4 col-md-push-8">I was left</div>
<div class="col-md-8 col-md-pull-4">I was right</div>
</div>
</div>
</body></html>
Ejecute este código en una página HTML separada
