Listas sin estilo en Bootstrap

Dentro de las opciones que nos proporciona Bootstrap para el manejo de listas encontramos la de poder crear listas sin estilo. Para poder crear listas sin estilo en Bootstrap deberemos de conocer como crear una lista en HTML y la clase que nos permite gestionar la visualización de la misma.

Las listas sin estilo en Bootstrap acaban mostrando una lista de elementos los cuales no tienen ningún hito o icono inicial que preceda cada uno de los elementos.

Crear una lista básica

Lo primero que hay que hacer para poder crear listas sin estilo en Bootstrap es definir una lista sin orden. Para ello vamos a utilizar el elemento ul.

<ul>
  <li>Elemento 1</li>
  <li>Elemento 2</li>
  <li>Elemento 3</li>
  <li>...</li>
  <li>Elemento N</li>
</ul>

Cada elemento de la lista está rodeado mediante el elemento li.

Al crear este código veremos en nuestra página web una lista donde cada elemento está precedido por un bullet (o punto negro).

Aplicar la clase list-unstyled

Si queremos tener una lista sin estilo con Bootstrap lo que tenemos que hacer es marcar a la lista mediante la clase list-unstyled. Lo cual codificaremos de la siguiente manera:

<ul class="list-unstyled">
  <li>Elemento 1</li>
  <li>Elemento 2</li>
  <li>Elemento 3</li>
  <li>...</li>
  <li>Elemento N</li>
</ul>

El efecto que habremos conseguido será que ya no hay ninguna marca delante de cada uno de los elementos de la lista. Así habremos conseguido tener una lista sin estilo con Bootstrap.