{# Switch to icon instead of text in `sm` view size for BS3 only. #}
<section id="relations">
<div class="row">
<div class="col-xs-6">
{%- if prev %}
  <div id="prev">
   <div class="sphinx-content">
    <a href="{{ prev.link|e }}" title="{{ _('Previous Chapter: ') + prev.title|striptags }}">
      <span class="glyphicon glyphicon-chevron-left visible-sm"></span>
      <span class="hidden-sm hidden-tablet">{{ "&laquo;"|safe }} {{ prev.title|striptags|truncate(length=36, killwords=True) }}</span>
    </a>
      <h4>View Previous Guide</h4>
  </div>
 </div>
{%- endif %}
</div>
<div class="col-xs-6">
{%- if next %}
  <div id="next">
   <div class="sphinx-content">
    <a href="{{ next.link|e }}" title="{{ _('Next Chapter: ') + next.title|striptags }}">
      <span class="glyphicon glyphicon-chevron-right visible-sm"></span>
      <span class="hidden-sm hidden-tablet">{{ next.title|striptags|truncate(length=36, killwords=True) }} {{ "&raquo;"|safe }}</span>
    </a>
      <h4>View Next Guide</h4>
  </div>
</div>
{%- endif %}
</div>
</div>
</section>