Я использую groundwork.css вместе с jquery.mobile-1.4.2.min.css.
Код для вкладок приведен ниже
<div data-role="tabs" id="tabs">
<div data-role="navbar">
<ul>
<li><a href="#tab1" data-ajax="false">Tab1</a></li>
<li><a href="#tab2" data-ajax="false">Tab2</a></li>
</ul>
</div>
<div id="tab1" class="ui-body-d ui-content">
....
</div>
<div id="tab2" class="ui-body-d ui-content">
....
</div>
Но есть дополнительный символ ссылки, который идет вместе с вкладками, как показано на изображении ниже
Как удалить символ ссылки после текста привязки
Согласно Github, вам нужно добавить класс noicon
к каждому элементу привязки, который вы не хотите отображать в символе, например:
<a href="#tab1" class="noicon" data-ajax="false">Tab1</a>
Полная цитата, взятая из приведенной выше ссылки:
Если вы используете
SCSS
, вы можете глобально отключить автоматические семантические значки в_settings.scss
Если вы делаете это в каждом конкретном случае или используете только скомпилированный CSS, вы должны добавить класс
noicon
для каждой ссылки, чтобы быть переопределенной.