W3xue
Tools
一起学习,一起紧随时代的步伐
案例:
Bootstrap案例
状态:可编辑再运行
进入横版
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="/css/bootstrap/bootstrap3.3.7.min.css"> </head> <body> <div class="container"> <h2>Registration-mark Glyph</h2> <p>Registration-mark icon: <span class="glyphicon glyphicon-registration-mark"></span></p> <p>Registration-mark icon as a link: <a href="#"> <span class="glyphicon glyphicon-registration-mark"></span> </a> </p> <p>Registration-mark icon on a button: <button type="button" class="btn btn-default btn-sm"> <span class="glyphicon glyphicon-registration-mark"></span> Registration-mark </button> </p> <p>Registration-mark icon on a styled link button: <a href="#" class="btn btn-info btn-lg"> <span class="glyphicon glyphicon-registration-mark"></span> Registration-mark </a> </p> </div> <script src="/js/bootstrap/jquery.min.js"></script> <script src="/js/bootstrap/bootstrap3.3.7.min.js"></script> </body> </html>
运行结果
本设备
Galaxy S5
Nexus 5X
Nexus 6P
iPhone7
iPhone7 Plus
iPhone8
iPhone8 Plus
iPhoneX
iPad
iPad Pro
部分手机浏览器需要先点“提交代码”才能编辑代码。
W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
部分案例需要特定浏览器支持,如案例没有显示效果,请尝试更换浏览器。
意见反馈
友情链接:
直通硅谷
点职佳
北美留学生论坛