使用 Bootstrap 隐藏命令定位标题

Question

我有以下代码为我的 Wordpress 帖子创建上一个和下一个链接。我想隐藏链接的标题并将链接标题替换为文本'back'和'next'

当前代码隐藏了标题旁边的图标（表明 Bootstrap 正在工作），但没有隐藏标题

    <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>' ); ?>

...

Answer 1

修改答案

<?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>' ); ?>