猿问

将文本链接更改为按钮

我想将文本链接更改为 Bootstrap 按钮,我知道如何制作 Bootstrap 按钮,但我的问题是我不知道如何编辑下面的代码,以便它与按钮一起正常工作。

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



明月笑刀无情
浏览 167回答 2
2回答

白衣染霜花

<!DOCTYPE html>&nbsp; &nbsp; <html>&nbsp; &nbsp; &nbsp; &nbsp; <head>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <meta charset="utf-8" />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <title>Page Title</title>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <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">&nbsp; &nbsp; &nbsp; &nbsp; </head>&nbsp; &nbsp; <body>&nbsp; &nbsp; &nbsp; &nbsp; <?php&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $menu = "videos";&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $someVariable = "path";&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $relative = $someVariable."/s_path/videos"&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; ?>&nbsp; &nbsp; &nbsp; &nbsp; <ul>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <li class="<?php echo $menu == 'videos' ? 'active' : '' ?>">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a class="btn btn-primary" role="button"&nbsp; href="<?php echo $relative ?>">your link name</a>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </li>&nbsp; &nbsp; &nbsp; &nbsp; </ul>&nbsp; &nbsp; </body></html>

犯罪嫌疑人X

你可以通过在锚标签上使用 btn 类来做到这一点。<li{if&nbsp;$menu&nbsp;==&nbsp;'videos'}&nbsp;class="active"{/if}><a&nbsp;class="btn"&nbsp;role="button"&nbsp;href="{$relative}/videos">{translate&nbsp;c='menu.videos'}</a></li>添加其他类,如 btn-success 或 btn-sm 以及更多类,请在此处查看引导按钮详细信息
随时随地看视频慕课网APP
我要回答