Skip to content

Instantly share code, notes, and snippets.

@brendon-gonzalez
Created June 8, 2014 14:07
Show Gist options
  • Save brendon-gonzalez/cc8f7652618bb291e071 to your computer and use it in GitHub Desktop.
Save brendon-gonzalez/cc8f7652618bb291e071 to your computer and use it in GitHub Desktop.
Button Overrides
<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<title>Bootstrap Nonsense</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.8.0.min.js"></script>
</head>
<body>
<div class="container">
<header class="page-header">
<h1>Hello World and stuff</h1>
</header>
<article class="row">
<section class="col-md-6">
<button type="button" class="btn-large btn">DO this!</button>
<p>Left Stuff</p>
</section>
<section class="col-md-6">
Right Stuff
</section>
</article>
<footer class="page-footer">
<ul class="list-inline">
<li><a href="/">Link 1</a></li>
<li><a href="/">Link 2</a></li>
<li><a href="/">Link 3</a></li>
</ul>
</footer>
</div>
</body>
</html>
.btn {
border-radius: 0;
min-height: 50px;
font-size: 1.6rem;
font-weight: bold;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment