Lista de pasos

<ul class="list-steps list-steps-lg">
  <li class="list-steps-item">
    <h3 class="list-steps-item-title">Instrucción 1</h3>
    <p>
    En esta descripción de la instrucción 1 se muestran los detalles
    principales de las acciones que deberá tomar el usuario luego. En esta
    descripción de la instrucción 1 se muestran los detalles principales de
    las acciones que deberá tomar el usuario luego.
    </p>
  </li>
  <li class="list-steps-item">
    <h3 class="list-steps-item-title">Instrucción 2</h3>
    <p>
    En esta descripción de la instrucción 2 se muestran los detalles
    principales de las acciones que deberá tomar el usuario luego. En esta
    descripción de la instrucción 2 se muestran los detalles principales de
    las acciones que deberá tomar el usuario luego.
    </p>
  </li>
  <li class="list-steps-item">
    <h3 class="list-steps-item-title">Instrucción 3</h3>
    <p>
    En esta descripción de la instrucción 3 se muestran los detalles
    principales de las acciones que deberá tomar el usuario luego. En esta
    descripción de la instrucción 3 se muestran los detalles principales de
    las acciones que deberá tomar el usuario luego.
    </p>
  </li>
</ul>

<ul class="list-steps">
  <li class="list-steps-item">
    <h3 class="list-steps-item-title">Instrucción 1</h3>
    <p>
    En esta descripción de la instrucción 1 se muestran los detalles
    principales de las acciones que deberá tomar el usuario luego.
    </p>
  </li>
  <li class="list-steps-item">
    <h3 class="list-steps-item-title">Instrucción 2</h3>
    <p>
    En esta descripción de la instrucción 2 se muestran los detalles
    principales de las acciones que deberá tomar el usuario luego.
    </p>
  </li>
  <li class="list-steps-item">
    <h3 class="list-steps-item-title">Instrucción 3</h3>
    <p>
    En esta descripción de la instrucción 3 se muestran los detalles
    principales de las acciones que deberá tomar el usuario luego.
    </p>
  </li>
</ul>

<ul class="list-steps list-steps-sm">
  <li class="list-steps-item">
    <h3 class="list-steps-item-title">Instrucción 1</h3>
    <p>
    En esta descripción de la instrucción 1 se muestran los detalles
    principales de las acciones que deberá tomar el usuario luego.
    </p>
  </li>
  <li class="list-steps-item">
    <h3 class="list-steps-item-title">Instrucción 2</h3>
    <p>
    En esta descripción de la instrucción 2 se muestran los detalles
    principales de las acciones que deberá tomar el usuario luego.
    </p>
  </li>
  <li class="list-steps-item">
    <h3 class="list-steps-item-title">Instrucción 3</h3>
    <p>
    En esta descripción de la instrucción 3 se muestran los detalles
    principales de las acciones que deberá tomar el usuario luego.
    </p>
  </li>
</ul>

<ul class="list-steps list-steps-light">
  <li class="list-steps-item">
    <h3 class="list-steps-item-title">Instrucción 1</h3>
    <p>
    En esta descripción de la instrucción 1 se muestran los detalles
    principales de las acciones que deberá tomar el usuario luego.
    </p>
  </li>
  <li class="list-steps-item">
    <h3 class="list-steps-item-title">Instrucción 2</h3>
    <p>
    En esta descripción de la instrucción 2 se muestran los detalles
    principales de las acciones que deberá tomar el usuario luego.
    </p>
  </li>
  <li class="list-steps-item">
    <h3 class="list-steps-item-title">Instrucción 3</h3>
    <p>
    En esta descripción de la instrucción 3 se muestran los detalles
    principales de las acciones que deberá tomar el usuario luego.
    </p>
  </li>
</ul>

<ul class="list-steps list-steps-numbers">
  <li class="list-steps-item">
    <h3 class="list-steps-item-title">Instrucción 1</h3>
    <p>
    En esta descripción de la instrucción 1 se muestran los detalles
    principales de las acciones que deberá tomar el usuario luego.
    </p>
  </li>
  <li class="list-steps-item">
    <h3 class="list-steps-item-title">Instrucción 2</h3>
    <p>
    En esta descripción de la instrucción 2 se muestran los detalles
    principales de las acciones que deberá tomar el usuario luego.
    </p>
  </li>
  <li class="list-steps-item">
    <h3 class="list-steps-item-title">Instrucción 3</h3>
    <p>
    En esta descripción de la instrucción 3 se muestran los detalles
    principales de las acciones que deberá tomar el usuario luego.
    </p>
  </li>
</ul>

<ul class="list-steps list-steps-numbers list-steps-light">
  <li class="list-steps-item">
    <h3 class="list-steps-item-title">Instrucción 1</h3>
    <p>
    En esta descripción de la instrucción 1 se muestran los detalles
    principales de las acciones que deberá tomar el usuario luego.
    </p>
  </li>
  <li class="list-steps-item">
    <h3 class="list-steps-item-title">Instrucción 2</h3>
    <p>
    En esta descripción de la instrucción 2 se muestran los detalles
    principales de las acciones que deberá tomar el usuario luego.
    </p>
  </li>
  <li class="list-steps-item">
    <h3 class="list-steps-item-title">Instrucción 3</h3>
    <p>
    En esta descripción de la instrucción 3 se muestran los detalles
    principales de las acciones que deberá tomar el usuario luego.
    </p>
  </li>
</ul>