Использую Tabs X от Катрика
demos.krajee.com/tabs-x и Bootstrap v3.3.7
Табы выводятся слева
<?= TabsX::widget([
'enableStickyTabs' => true,
'items' => $items,
'position' => TabsX::POS_LEFT,
'bordered' => true,
'encodeLabels' => false
]); ?>
выводится иконка а дальше текст ссылки
'label' => FI::icon(
'file-alt',
['class' => 'icofont-1x']
) .' Размер и тираж',
Я хочу на мобильной версии на табах видеть только иконки без текста, подскажите как это сделать?
HTML код получается такой
<div id="w1-container" class="tabs-x tabs-left tab-align-left tab-bordered tabs-krajee">
<ul id="w1" class="nav nav-tabs hidden-print" data-krajee-tabsX="tabsX_00000000" role="tablist">
<li class="active"><a href="#tab0" data-toggle="tab" role="tab" aria-selected="false" aria-controls="tab0">
<i class="icofont-1x icofont icofont-file-alt"></i> Размер и тираж</a></li>