<nav class="row navbar navbar-expand-lg align-items-center mb-2">
    <div class="col-12 col-lg-auto order-lg-2 d-flex justify-content-between">
        <h2 class="header item">{{$ucebnyText->nazov}}</h2>
    </div>
    <div class="col-12 col-lg order-lg-1">
        <div class="collapse navbar-collapse navbar-toggle">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" @click="zobrazitObsah">
                        <i class="fa fa-list" :class="{ 'text-blue' : !menuObsahuSkryte }"></i>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="col-12 col-lg order-lg-3">
        <div class="collapse navbar-collapse navbar-toggle justify-content-end">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" @click="textZmensit">
                        <i class="fa fa-search-minus"></i>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" @click="textZvacsit">
                        <i class="fa fa-search-plus"></i>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" @click="zmenitKontrast">
                        <i class="fa fa-moon" :class="{ 'text-blue' : kontrastAktivny }"></i>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</nav>