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