Line 71: | Line 71: | ||
<a href="#menu-toggle" class="btn btn-secondary" id="menu-toggle">Toggle Menu</a> | <a href="#menu-toggle" class="btn btn-secondary" id="menu-toggle">Toggle Menu</a> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div class="footer-social-icons"> | <div class="footer-social-icons"> | ||
Line 91: | Line 85: | ||
<script src="https://2018.igem.org/Team:Oxford/scripts?action=raw&ctype=text/javascript"></script> | <script src="https://2018.igem.org/Team:Oxford/scripts?action=raw&ctype=text/javascript"></script> | ||
<script src="https://2018.igem.org/Team:Oxford/scripts/bootstrapminjs?action=raw&ctype=text/javascript"></script> | <script src="https://2018.igem.org/Team:Oxford/scripts/bootstrapminjs?action=raw&ctype=text/javascript"></script> | ||
+ | </div> | ||
+ | <!-- /#page-content-wrapper --> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!-- Footer --> | ||
+ | |||
+ | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 09:40, 30 August 2018
Initial Ideas
Simple Sidebar
This template has a responsive menu toggling system. The menu will appear collapsed on smaller screens, and will appear non-collapsed on larger screens. When toggled using the button below, the menu will appear/disappear. On small screens, the page content will be pushed off canvas.
Make sure to keep all page content within the #page-content-wrapper
.