调整大小时引导内容用完了

时间:2018-10-13 08:52:25

标签: html css bootstrap-4

我正在探索引导程序,并且正在使用带flexbox的导航栏,每当我将浏览器大小调整为较小的视图时,引导程序专家或任何人都可以指出我在做什么错了?

注意

我正在使用Laravel 5.7实现我的引导程序

<div class="container">
    <nav class="navbar fixed-top navbar-light main-color">
        <ul class="nav navbar-nav flex-row align-items-center w-100">
            <div class="d-flex flex-row align-items-center w-25 justify-content-around">
                <li class="nav-item">
                <span style="font-size:30px;cursor:pointer;color:white" onclick="openNav()">&#9776;
                </li>
                <li class="nav-item">
                    <a href="{{route('home')}}" class="navbar-brand nav-link">
                    <img src="{{asset('images/logo/logo-white-small.png')}}" class="brand-logo">
                    </a>
                </li>
            </div>
        </ul>
    </nav>
</div>

全视图 Full View

收缩浏览器 Small View

0 个答案:

没有答案