mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-06 22:29:44 +08:00
82 lines
3.4 KiB
HTML
82 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
<title>Ionic - The Most powerful cross-platform mobile app framework.</title>
|
|
<link href="bootstrap3.css" rel="stylesheet">
|
|
<link href="pygments.css" rel="stylesheet">
|
|
<link href="/dist/ionic.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<!-- Static navbar -->
|
|
<div class="navbar navbar-default">
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="#">Ionic Framework</a>
|
|
</div>
|
|
<div class="navbar-collapse collapse">
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li><a href="#">About</a></li>
|
|
<li><a href="#">Start</a></li>
|
|
<li><a href="components.html">Components</a></li>
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Formulas <b class="caret"></b></a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="#">Multi-page navigation</a></li>
|
|
<li><a href="#">Left/Right Menu</a></li>
|
|
<li><a href="#">Tab Bar</a></li>
|
|
<li><a href="#">Pull-to-refresh</a></li>
|
|
<li><a href="#">Slide up menu</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="content">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xs-6 col-sm-3" id="sidebar" role="navigation">
|
|
<div class="sidebar-nav">
|
|
<ul class="list-group">
|
|
<a class="list-group-item" href="#buttons">Buttons</a></li>
|
|
<a class="list-group-item" href="#button-groups">Button-group</a></li>
|
|
<a class="list-group-item" href="#bars">Header/Footer Bar</a></li>
|
|
<a class="list-group-item" href="#tab-bars">Tab Bar</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-9">
|
|
<div class="page-header">
|
|
<h1 id="buttons">Buttons</h1>
|
|
</div>
|
|
<p>
|
|
Buttons are the core of any great mobile app. With Ionic, we support a set of
|
|
styled buttons in the spirit of Bootstrap.
|
|
</p>
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading"><h3 class="panel-title">Styles</h3></div>
|
|
<div class="panel-body">
|
|
<a href="#" class="button button-default">Button</a>
|
|
<a href="#" class="button button-secondary">Button</a>
|
|
<a href="#" class="button button-primary">Button</a>
|
|
<a href="#" class="button button-success">Button</a>
|
|
<a href="#" class="button button-warning">Button</a>
|
|
<a href="#" class="button button-danger">Button</a>
|
|
</div>
|
|
</div>
|
|
<div class="syntax"><pre><span class="nt"><button</span> <span class="na">class=</span><span class="s">"button button-primary"</span><span class="nt">></span>Button<span class="nt"></a></span>
|
|
</pre></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|