我正在使用Wordpress中的get\\u页面在页面上创建一个子导航。

我知道我可以使用wp\\u list\\u页面，但我想在bootstrap中控制不同屏幕大小的链接。

使用这种代码可以用类名指示子导航中的当前页面。

在wp\\u list\\u页面中，它将是“current\\u page\\u item”

<?php

$page_args = array(

    \'child_of\' => $post->post_parent,
    \'sort_column\' => \'ID\',
    \'sort_order\' => \'ASC\'

);

$pages = get_pages($page_args);

?>

<div class="container sub-nav">

    <div class="row">

        <div class="col-sm-1"></div>    

<?php
foreach($pages as $page){
?>

            <div class="col-sm-2">

                <a href="\'. get_page_link( $page->ID ) .\'">

                    <?php echo $page->post_title;?>

                </a>

            </div>
<?php
}
?>

        <div class="col-sm-1"></div>

    </div>

</div>

<?php   
?>
?>