# Ordenación de columnas

También podemos modificar el orden de las columnas mediante las clases `.col-*-push-*` y `.col-*-pull-*`. Por ejemplo, con `.col-md-push-3` "empujaríamos" la columna 3 espacios hacia la derecha y con `.col-md-pull-3` la empujaríamos 3 espacios hacia la izquierda. A continuación podemos ver un ejemplo:

```markup
<div class="row">
  <div class="col-md-9 col-md-push-3">.col-md-9 .col-md-push-3</div>
  <div class="col-md-3 col-md-pull-9">.col-md-3 .col-md-pull-9</div>
</div>
```

El cual quedaría de la forma:

![Column ordering](/files/-LwrBNyGe3qlwsYWSDhG)

Hay que tener cuidado con estas clases si hay un cambio de fila (debido a el número de columnas ocupe más de 12), en estos casos estas clases no funcionarán correctamente.

Si queremos restaurar la posición podemos utilizar el tamaño cero (0). Por ejemplo, si habíamos desplazado la columna hacia la derecha para tamaños de pantalla pequeños y queremos que no se aplique en tamaños de pantalla medianos y grandes podríamos utilizar la clase `col-md-push-0`.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ajgallego.gitbook.io/bootstrap-3/capitulo_rejilla/capitulo_rejilla_ordenacion.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
