Php 使用Bootstrap hidden命令定位标题

我有以下代码为我的Wordpress帖子创建上一个和下一个链接。我想隐藏链接的标题，并用文本“后退”和“下一步”替换链接标题

当前代码隐藏标题旁边的图标（表示引导正在工作），但不隐藏标题

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

编辑答案

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

可以在手机上转换为back/next，但会删除lagre屏幕上的标题（我想保留）太棒了！对不起，忘了提到下一篇文章怎么写才能做到同样的效果？请解释你的问题。很抱歉，我没有看到代码更改。一切都很好，非常感谢您的帮助，它可以在手机上切换为back/next，但删除了lagre屏幕上的标题（我想保留这个标题）太棒了！对不起，忘了提到下一篇文章怎么写才能做到同样的效果？请解释你的问题。很抱歉，我没有看到代码更改。很好，非常感谢你的帮助