前と次のボタンのyii2ページ区切りでブートストラップグリフィアイコンを使う方法は？

Question

前と次のボタンのYii2ページ区切りでブートストラップグリフィコンアイコンを使用したいと思います。私は彼らのcssクラスを蛇のコードで設定しましたが、うまくいきませんでした。アイコンは表示されますが、適切な場所には表示されず、リンクもありません。

'pager' => [ 
     'options'   => ['class'=>'pagination'], // set clas name used in ui list of pagination 
     'prevPageLabel' => '>', // Set the label for the "previous" page button 
     'nextPageLabel' => '<', // Set the label for the "next" page button 
     'firstPageLabel' => '>>', // Set the label for the "first" page button 
     'lastPageLabel' => '<<', // Set the label for the "last" page button 
     'nextPageCssClass' => 'next', // Set CSS class for the "next" page button 
     'prevPageCssClass' => 'perv', // Set CSS class for the "previous" page button 
     'firstPageCssClass'=> 'first', // Set CSS class for the "first" page button 
     'lastPageCssClass' => 'last', // Set CSS class for the "last" page button 
     'maxButtonCount' => 10, // Set maximum number of page buttons that can be displayed 
    ], 

Answer 1

あなたは<span>を使用してアイコンを追加することができます。たとえば

、

'pager' => [ 
    'options'   => ['class'=>'pagination'], // set clas name used in ui list of pagination 
    'prevPageLabel' => '<span class="glyphicon glyphicon-chevron-left"></span>', 
    'nextPageLabel' => '<span class="glyphicon glyphicon-chevron-right"></span>', 
    'firstPageLabel' => '<span class="glyphicon glyphicon-fast-backward"></span>', 
    'lastPageLabel' => '<span class="glyphicon glyphicon-fast-forward"></span>', 
    'nextPageCssClass' => 'next', // Set CSS class for the "next" page button 
    'prevPageCssClass' => 'prev', // Set CSS class for the "previous" page button 
    'firstPageCssClass'=> 'first', // Set CSS class for the "first" page button 
    'lastPageCssClass' => 'last', // Set CSS class for the "last" page button 
    'maxButtonCount' => 10, // Set maximum number of page buttons that can be displayed 
],