使用Bootstrap hidden命令定位标题

Question

我有以下代码，它为我的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>'); ?> 

... 

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