<ul class="nav nav-tabs" role="tablist">
    <li class="nav-item">
        <a class="nav-link {% if request.path == '/message_center/channel_list/' %}active{% endif %}" href="/message_center/channel_list/" role="tab">
            Channel List
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link {% if request.path == '/message_center/message_history/' %}active{% endif %}" href="/message_center/message_history/" role="tab">
            Message History
        </a>
    </li>
</ul>