Question

我希望将文本链接更改为Bootstrap按钮，我知道如何制作Bootstrap按钮，但是我的问题是我不知道如何编辑下面的代码，因此该按钮可以正常使用。

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

Answer 1

您可以通过在锚标签上使用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的类，更多的类请参见引导按钮详细信息here

Answer 2

<!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>

将文本链接更改为按钮

2 个答案: