php – 在Laravel 5中设置Bootstrap navbar活动类

php – 在Laravel 5中设置Bootstrap navbar活动类,第1张

概述我一直在想寻找解决方案,但是特别是在创建助手时不太明白.我是Laravel的新人,我想要一个简单的或者不是一个详细的说明,说明如何设置我的引导导航栏的活动类. 这是我到目前为止所做的,但不能完成: <div class="header clearfix"> <nav> <ul class="nav nav-pills pull-right"> 我一直在想寻找解决方案,但是特别是在创建助手时不太明白.我是Laravel的新人,我想要一个简单的或者不是一个详细的说明,说明如何设置我的引导导航栏的活动类.

这是我到目前为止所做的,但不能完成:

<div >        <nav>          <ul >            <li ><a href="{{ url('/') }}">Home</a>            </li>            <li {{ Request::is('about*') ? ' ' : null }}><a href="{{ url('about') }}">About Us</a>            </li>            <li><a href="{{ url('auth/login') }}">Login</a>            </li>        </ul>    </nav>    <h2 >Tobacco Prevention and Control Program</h2></div>

编辑

设置class =“active”将使所有nav-pills活动.预期的效果是只有当前页面的li具有活动类.

编辑

对于那些正在访问这个帖子.我已经设法得到一个解决方案,但我不知道它是否整齐.这对我来说很好.

<ul >                    <li >                        <a href="{{ url('programs' )}}" ></i> Programs</a>                    </li>                    <li >                        <a href="{{url('beneficiarIEs')}}"> BeneficiarIEs</a>                    </li>                    <li >                        <a href="{{url('indicators')}}"> Indicators</a>                    </li>                                     </ul>
您的代码正常工作,但您必须将其用于可以处于活动状态的每个链接.最好只返回类名,而不是class =“…”,这样你可以添加其他类.

使用*时请注意(约*).如果您使用/ *作为主页,那么它将始终被标记为活动(因为每隔一页以/开头).

<ul >    <li >        <a href="{{ url('/') }}">Home</a>    </li>    <li >        <a href="{{ url('about') }}">About Us</a>    </li>    <li >        <a href="{{ url('auth/login') }}">Login</a>    </li></ul>

你也可以移动{{请求::是(‘/’)? ‘active’:”}}来帮助函数/方法.

总结

以上是内存溢出为你收集整理的php – 在Laravel 5中设置Bootstrap navbar活动类全部内容,希望文章能够帮你解决php – 在Laravel 5中设置Bootstrap navbar活动类所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/langs/1263738.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-08
下一篇 2022-06-08

发表评论

登录后才能评论

评论列表(0条)

保存