WordPress Fonksiyonlarını Çağırınca Bootstrap Yapısı Bozuluyor!

Bootstarp ile bir wordpress teması yapmaya çalışıyorum ama HTML+CSS içine PHP gömmeye benzemiyor.
Görselde de olduğu gibi wordpress fonksiyonlarını çağırınca Bootstrap yapısı bozuluyor?
Bir örnek ile nasıl olduğunu gösterebilecek var mı rica etsem lütfen.

<ul class="list-group">
<li class="list-group-item"><?php wp_list_categories(); ?></li>
</ul>

fonksiyona ekle

<ul>
    <?php wp_list_categories( array(
        'title_li' => '<li class="list-group-item">' . __( 'Poetry', 'textdomain' ) . '</li>'
    ) ); ?> 
</ul>

böyle kullan
<ul class="list-group">
<?php wp_list_categories(); ?>
</ul>

https://github.com/wp-bootstrap/wp-bootstrap-navwalker

işinize yarayacaktır