Skip to content

Instantly share code, notes, and snippets.

Created Jan 24, 2014
What would you like to do?
Foundation 5 - Tabs with embedded grid
<!DOCTYPE html>
<!--[if IE 8]>
<html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en"> <!--<![endif]-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="/Css/normalize.css">
<link rel="stylesheet" href="/Css/foundation.css">
<script src="/Js/vendor/custom.modernizr.js"></script>
<div id="wrapper" class="row">
<div class="large-12 columns">
<dl class="tabs" data-tab>
<dd class=" active">
<a href="#tab1">Tab1</a>
<dd class="">
<a href="#tab2">Tab2</a>
<dd class="">
<a href="#tab3">Tab3</a>
<div class="tabs-content">
<div class="content active" id="tab1">
<div class="row">
<div class="large-8 small-12 columns"> <!--Column width does not work inside of tab-->
<div class="large-4 small-12 columns"> <!--Column width does not work inside of tab-->
<div class="content" id="tab2">
<div class="content" id="tab3">
<script src="/Js/vendor/jquery.js"></script>
<script src="/Js/foundation/foundation.js"></script>
<script src="/Js/foundation/"></script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment