简要教程
这是一款基于Bootstrap的纯CSS3箭头按钮样式。该按钮通过修改原生Bootstrap的按钮样式，来生成指向左侧或右侧的箭头按钮。
【相关视频推荐：Bootstrap教程】
安装
可以通过npm或bower来安装该Bootstrap箭头按钮文件。
npm install bootstrap-directional-buttons bower install bootstrap-directional-buttons
使用方法
在页面中引入bootstrap样式文件和bootstrap-directional-buttons.css文件
<link rel="stylesheet" type="text/css" href="path/to/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="path/to/css/bootstrap-directional-buttons.css">
HTML结构
使用是只需要为按钮添加btn-arrow-left或btn-arrow-rightclass类即可。如果希望一组箭头按钮之间没有空隙，可以将它们放置在一个带btn-group的class类的容器中。
<button type="button" class="btn btn-primary btn-arrow-left">箭头向左的按钮</button> <button type="button" class="btn btn-success btn-arrow-right">箭头向右的按钮</button>
更多详解Bootstrap的纯CSS3箭头按钮样式相关文章请关注PHP中文网！
相关文章：
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
