如何制作引导按钮插入

时间:2016-04-04 02:12:07

标签: twitter-bootstrap

如何使bootstrap 4按钮看起来好像被点击一样?我需要一个具有一点艺术才能的人来添加投影或插入或其他东西。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.js"></script>
<a class="btn btn-lg btn-primary">Primary</a>
<a class="btn btn-lg btn-primary active">active</a>

1 个答案:

答案 0 :(得分:1)

添加活动类。

<a class="btn btn-lg btn-primary active">Primary</a>

来自文档:

  

按钮会显示为按下(背景较暗,边框较暗,   活跃时。插入阴影)。

我在这里创建了一个JSFiddle作为示例。