Skip to content

Instantly share code, notes, and snippets.

@noppefoxwolf

noppefoxwolf/gist:c2c5631b50311956f9f9

Last active August 29, 2015 14:14
Show Gist options
  • Save noppefoxwolf/c2c5631b50311956f9f9 to your computer and use it in GitHub Desktop.
Save noppefoxwolf/c2c5631b50311956f9f9 to your computer and use it in GitHub Desktop.
Download ZIP
bootstrap3にてsidebarを右側に実装するサンプル
Raw
gistfile1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<body>
<div class="collapse navbar-collapse navbar-ex1-collapse pull-right">
<ul class="nav sidebar-nav">
<li><a href="#">
<i class="fa fa-home"></i> Home</a></li>
<li><a href="#about">
<i class="fa fa-info"></i> About</a></li>
<li><a href="#about">
<i class="fa fa-jpy"></i> Price</a></li>
<li><a href="#contact">
<i class="fa fa-comments-o"></i> Contact</a></li>
</ul>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment