Skip to content

Commit

Permalink
Use Bootstrap4 for docs
Browse files Browse the repository at this point in the history
  • Loading branch information
sutara79 committed Oct 29, 2017
1 parent 0cf850e commit e08b2b3
Show file tree
Hide file tree
Showing 8 changed files with 804 additions and 751 deletions.
128 changes: 60 additions & 68 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,95 +4,87 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>jquery.ajax-combobox</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<link rel="stylesheet" href="sample/sample.css">
<script src="https://cdn.jsdelivr.net/combine/npm/[email protected]/dist/jquery.min.js,npm/[email protected]/dist/js/bootstrap.min.js"></script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<nav class="navbar navbar-dark bg-dark fixed-top navbar-expand-lg">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="./"><span class="glyphicon glyphicon-home" aria-hidden="true"></span></a>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<!-- <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li> -->
<li><a href="sample/basic.html">Basic</a></li>
<li><a href="sample/sub-info.html">Sub info</a></li>
<li><a href="sample/others.html">Others</a></li>
<li><a href="sample/text-area.html">Text area</a></li>
<a class="navbar-brand" href="./">
<svg class="octicon octicon-home" viewBox="0 0 16 16" version="1.1" aria-hidden="true"><path fill-rule="evenodd" d="M16 9l-3-3V2h-2v2L8 1 0 9h2l1 5c0 .55.45 1 1 1h8c.55 0 1-.45 1-1l1-5h2zm-4 5H9v-4H7v4H4L2.81 7.69 8 2.5l5.19 5.19L12 14z"></path></svg>
</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar1" aria-controls="navbar1" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar1">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="sample/basic.html">Basic</a>
</li>
<li class="nav-item">
<a class="nav-link" href="sample/sub-info.html">Sub info</a>
</li>
<li class="nav-item">
<a class="nav-link" href="sample/others.html">Others</a>
</li>
<li class="nav-item">
<a class="nav-link" href="sample/text-area.html">Text area</a>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</div>
</div>
</nav>
<header class="jumbotron">
<header class="jumbotron jumbotron-fluid">
<div class="container">
<h1>jquery.ajax-combobox</h1>
<h1 class="page-title">jquery.ajax-combobox</h1>
<p>jQuery plugin to create a text box which can auto-complete and pull-down-select.</p>
<dl class="dl-horizontal">
<dt>Version</dt><dd><a href="https://badge.fury.io/js/jquery.ajax-combobox"><img src="https://badge.fury.io/js/jquery.ajax-combobox.svg" alt="npm version" height="20"></a></dd>
<dt>Author</dt><dd>Yuusaku Miyazaki</dd>
<dt>License</dt><dd><a class="jumbotron-link" href="https://opensource.org/licenses/mit-license.php">MIT</a></dd>
</dl>
<p>
<a class="github-button" href="https://github.com/sutara79/jquery.ajax-combobox" data-style="mega" data-count-href="/sutara79/jquery.ajax-combobox/stargazers" data-count-api="/repos/sutara79/jquery.ajax-combobox#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star sutara79/jquery.ajax-combobox on GitHub">GitHub</a>
<a class="github-button" href="https://github.com/sutara79/jquery.ajax-combobox/archive/master.zip" data-icon="octicon-cloud-download" data-style="mega" aria-label="Download sutara79/jquery.ajax-combobox on GitHub">Download</a>
<a href="https://github.com/sutara79/jquery.ajax-combobox"><img src="https://img.shields.io/github/stars/sutara79/jquery.ajax-combobox.svg?style=social&label=Stars" alt="github repository"></a>
<a href="https://www.npmjs.com/package/jquery.ajax-combobox"><img src="https://img.shields.io/npm/v/jquery.ajax-combobox.svg" alt="npm version"></a>
</p>
</div>
</header>
<div class="container">
<div class="row">
<div class="col-md-4">
<section class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">Search</h3>
</div>
<div class="panel-body">
<img src="sample/img/001.png" class="img-responsive" alt="Search">
</div>
</section>
<div class="card-deck">
<div class="card">
<img src="sample/img/001.png" class="card-img-top" alt="Search">
<div class="card-body">
<h4 class="card-title">Search</h4>
<p class="card-text">
Type search words.
</p>
</div>
</div>

<div class="col-md-4">
<section class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">Display All</h3>
</div>
<div class="panel-body">
<p>Shortcut key: <kbd>Down</kbd></p>
<img src="sample/img/002.png" class="img-responsive" alt="Display All">
</div>
</section>
<div class="card">
<img src="sample/img/002.png" class="card-img-top" alt="Display All">
<div class="card-body">
<h4 class="card-title">Display All</h4>
<p class="card-text">
Shortcut key: <kbd>Down</kbd>
</p>
</div>
</div>

<div class="col-md-4">
<section class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">Paging</h3>
</div>
<div class="panel-body">
<p>Shortcut key: <kbd>Left</kbd>, <kbd>Right</kbd></p>
<img src="sample/img/003.png" class="img-responsive" alt="Paging">
</div>
</section>
<div class="card">
<img src="sample/img/003.png" class="card-img-top" alt="Paging">
<div class="card-body">
<h4 class="card-title">Paging</h4>
<p class="card-text">
Shortcut key: <kbd>Left</kbd>, <kbd>Right</kbd>
</p>
</div>
</div>

</div><!-- .row -->
</div>
</div>
</div><!-- .container -->
<footer>
<div class="container">
powered by <a href="http://www.usamimi.info/new/index.html">usamimi.info</a>, <a href="https://getbootstrap.com/">Bootstrap</a>
</div>
</footer>

<!-- JavaScript -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
</body>
</html>
Loading

0 comments on commit e08b2b3

Please sign in to comment.