<div class="row">
    <div class="text-center">
        <h4> Provenance </h4>
    </div>
    <ul class="list-inline center-block text-center">
        <li>
            <a class="large-text" ui-sref="projects.project.provenance.overview({id: projectID})">
                Overview
            </a>
        </li>
        <li>
            <a class="large-text" ng-click="createProvenance()">
                New
            </a>
        </li>
        <li>
            <a class="large-text" ui-sref="projects.project.provenance.drafts({id: projectID})">
                Manage Drafts
            </a>
        </li>
        <li>
            <a class="large-text" ui-sref="projects.project.provenance.templates({id: projectID})">
                Manage Templates
            </a>
        </li>
    </ul>
</div>
<div class="row">
    <div ui-view></div>
</div>

<div class="row">
    <div class="text-center">
        <h4> Provenance </h4>
    </div>
    <ul class="list-inline center-block text-center">
        <li>
            <a class="large-text" ui-sref="projects.project.provenance.overview({id: projectID})">
                Overview
            </a>
        </li>
        <li>
            <a class="large-text" ng-click="createProvenance()">
                New
            </a>
        </li>
        <li>
            <a class="large-text" ui-sref="projects.project.provenance.drafts({id: projectID})">
                Manage Drafts
            </a>
        </li>
        <li ng-show="false">
            <a class="large-text" ui-sref="projects.project.provenance.templates({id: projectID})">
                Manage Templates
            </a>
        </li>
    </ul>
</div>
<div class="row">
    <div ui-view></div>
</div>

Hide show details until there is something to show.
Hide show details until there is something to show.
