使用Bootstrap隐藏命令定位标题


Targeting title with Bootstrap hidden command

我有下面的代码,它为我的Wordpress文章创建了上一个和下一个链接。我想隐藏链接的标题,并将链接标题替换为文本"后退"answers"下一步"

当前代码隐藏标题旁边的图标(表示引导程序正在工作),但不隐藏标题

    <nav role="navigation" id="<?php echo esc_attr( $nav_id ); ?>" class="<?php echo $nav_class; ?>">
<?php if ( is_single() ) : // navigation links for single posts ?>
    <?php previous_post_link( '<div class="nav-previous">%link</div>', '<span class="hidden-xs fa fa-chevron-up icn-L"></span>'. _x( get_previous_post()->post_title, '<span class="hidden-xs">Next post link</span>', 'bnNav' ) ); ?>
    <?php next_post_link( '<div class="nav-next">%link</div>',  _x( get_next_post()->post_title, 'Previous post link', 'bnNav' ). '<span class="hidden-xs fa fa-chevron-up icn-R"></span>' ); ?>
...

编辑的答案

<?php previous_post_link( '<div class="nav-previous">%link</div>', '<span class="hidden-xs fa fa-chevron-up icn-L">%title</span><span class="hidden-lg hidden-md hidden-sm ">Back</span>' ); ?>
<?php next_post_link( '<div class="nav-next">%link</div>',  '<span class="hidden-lg hidden-md hidden-sm ">Next</span><span class="hidden-xs fa fa-chevron-up icn-R">%title</span>' ); ?>