Use bootstrap-v4

This commit is contained in:
Saugat Acharya 2017-06-14 07:23:12 +05:45
parent 8e17912802
commit 99799e41ad
2 changed files with 31 additions and 23 deletions

View File

@ -1,36 +1,42 @@
<!DOCTYPE html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Find Active Github Forks</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<title>Active Github Forks</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<style>
body {
padding-top: 2rem;
padding-bottom: 2rem;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-offset-2 col-8">
<div class="panel panel-default">
<div class="panel-heading text-center">
<h3>Find Active Github Forks</h3>
<div class="col-sm-12 col-lg-12">
<div class="card">
<div class="card-header text-center">
<h3>Active Github Forks</h3>
</div>
<div class="panel-body">
<form id="form" class="form-horizontal" role="form">
<div class="input-group">
<input id="repo" class="form-control" type="text" placeholder="techgaun/github-dorks">
<span class="input-group-btn">
<button onClick="fetchData()" type="button" class="btn btn-primary">Find</button>
</span>
</div>
</form>
<div id='data-body' class="">
<div class="card-block">
<div class="form-group">
<form id="form" role="form">
<div class="input-group">
<input id="repo" class="form-control" type="text" placeholder="techgaun/github-dorks">
<span class="input-group-btn">
<button onClick="fetchData()" type="button" class="btn btn-primary">Find</button>
</span>
</div>
</form>
</div>
<div id="data-body"></div>
</div>
</div>
</div>
<div class="col-md-offset-2 col-md-8">
</div>
</div>
</div>
<script type="text/javascript" src="js/main.js"></script>

View File

@ -51,10 +51,12 @@ function showData(data) {
html.push(item)
}
document.getElementById('data-body').innerHTML = `
<table class="table table-striped">
${thead}
<tbody>${html.join('')}</tbody>
</table>
<div class="table-responsive">
<table class="table table-striped table-bordered">
${thead}
<tbody>${html.join('')}</tbody>
</table>
</div>
`
}