fmpq.com
源代码:
点击运行
<!DOCTYPE html> <html> <head> <title>Bootstrap 101 模板</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> <link href="/jscss/bootstrap/bootstrap.min.css" rel="stylesheet"> <style> body { padding-top: 50px; padding-left: 50px; } </style> <!-- HTML5 Shim 和 Respond。js IE8支持 HTML5 元素和媒体查询 --> <!-- WARNING: Respond。如果你通过file://查看页面js将不工作 --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]--> </head> <body> <button type="button" class="btn btn-primary btn-lg"> <span class="glyphicon glyphicon-user"></span> User </button> <!-- jQuery (对于Bootstrap的JavaScript插件是必要的) --> <script src="https://code.jquery.com/jquery.js"></script> <!-- 包括所有插件(下面),或者所需要的单个文件 --> <script src="/jscss/bootstrap/bootstrap.min.js"></script> </body> </html>
运行结果