Css 引导图标/导航图标

Css 引导图标/导航图标,css,html,twitter-bootstrap,Css,Html,Twitter Bootstrap,我不知道如何使p标记中的文本适合导航图标(使用引导图标)。以下是我如何使用它: <div class="wrapper"> <div class="header"> <span class="glyphicon glyphicon-chevron-left"></span> <span class="glyphicon glyphicon-chevron-right"></span>

我不知道如何使p标记中的文本适合导航图标(使用引导图标)。以下是我如何使用它:

 <div class="wrapper">
    <div class="header">
    <span class="glyphicon glyphicon-chevron-left"></span>
    <span class="glyphicon glyphicon-chevron-right"></span>
        <p>January, 2016</p>

    </div><!--this ends the header div-->

2016年1月


2016年1月出现在导航图标下方,而不是左右箭头之间。有人能提出解决办法吗

将文本
2016年1月
放在
跨度之间,如下所示:

<div class="wrapper">
<div class="header">
<span class="glyphicon glyphicon-chevron-left"></span>January, 2016
<span class="glyphicon glyphicon-chevron-right"></span>
</div>
</div>

2016年1月
这是同样的方法。

试试这个

 <div class="wrapper">
    <div class="header">
        <p>
            <span class="glyphicon glyphicon-chevron-left"></span>
            <span>January, 2016</span>
            <span class="glyphicon glyphicon-chevron-right"></span>
        </p>
</div><!--this ends the header div-->


2016年1月


试试看,这可能会对你有所帮助

方法1

<div class="wrapper">
    <div class="header">
        <span class="glyphicon glyphicon-chevron-left">January, 2016</span>
        <span class="glyphicon glyphicon-chevron-right"></span>
   </div>
</div>

2016年1月
方法2

<div class="wrapper">
    <div class="header">
        <span class="glyphicon glyphicon-chevron-left"></span>January, 2016
        <span class="glyphicon glyphicon-chevron-right"></span>
     </div>
</div>

2016年1月
方法3

<div class="wrapper">
<div class="header">
     <span class="glyphicon glyphicon-chevron-left"></span>
     <span>January, 2016</span>
 <span class="glyphicon glyphicon-chevron-right"></span>
</div>

2016年1月

效果很好。谢谢