Problemas al visualizar Bootstrap en mi web ¿soluciones?

No sé cuál sea el motivo

He probado con todos los plugins desactivados

He probado haciendo un previo con otro theme

y todos los códigos bootstrap copiados/pegados que pongo en mi web se ven como una patata, nada que ver con los originales

Por ejemplo estoy probando este código

<div class="list-group">
<a href="#" class="list-group-item active">
Cras justo odio
</a>
<a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in</a>
<a href="#" class="list-group-item list-group-item-action">Morbi leo risus</a>
<a href="#" class="list-group-item list-group-item-action">Porta ac consectetur ac</a>
<a href="#" class="list-group-item list-group-item-action disabled">Vestibulum at eros</a>
</div>

Hacer clic para expandir...

que debería verse como en esta web

List group · Bootstrap



pero a cambio obtengo esto



Estoy usando ColorMag que no funciona sobre Bootstrap por lo que tuve que añadir un plugin que añadiera los códigos, en mi caso lo coloqué
https://wordpress.org/plugins/wordpress-bootstrap-css/

no sé si de ahí venga el problema...