为了账号安全,请及时绑定邮箱和手机立即绑定

将文本链接更改为按钮

将文本链接更改为按钮

PHP
明月笑刀无情 2021-12-24 15:34:04
我想将文本链接更改为 Bootstrap 按钮,我知道如何制作 Bootstrap 按钮,但我的问题是我不知道如何编辑下面的代码,以便它与按钮一起正常工作。<li{if $menu == 'videos'} class="active"{/if}><a href="{$relative}/videos">{translate c='menu.videos'}</a></li>
查看完整描述

2 回答

?
白衣染霜花

TA贡献1796条经验 获得超10个赞

<!DOCTYPE html>

    <html>

        <head>

            <meta charset="utf-8" />

            <title>Page Title</title>

            <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

        </head>

    <body>

        <?php 

            $menu = "videos";   

            $someVariable = "path";

            $relative = $someVariable."/s_path/videos" 

        ?>


        <ul>

            <li class="<?php echo $menu == 'videos' ? 'active' : '' ?>"> 

                <a class="btn btn-primary" role="button"  href="<?php echo $relative ?>">your link name</a>

            </li>

        </ul>

    </body>

</html>


查看完整回答
反对 回复 2021-12-24
?
犯罪嫌疑人X

TA贡献2080条经验 获得超4个赞

你可以通过在锚标签上使用 btn 类来做到这一点。

<li{if $menu == 'videos'} class="active"{/if}><a class="btn" role="button" href="{$relative}/videos">{translate c='menu.videos'}</a></li>

添加其他类,如 btn-success 或 btn-sm 以及更多类,请在此处查看引导按钮详细信息


查看完整回答
反对 回复 2021-12-24
  • 2 回答
  • 0 关注
  • 166 浏览

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号