Foundation 4.2.2
by Can
HTML
<link rel="stylesheet" href="http://techef.net/tools/fiddle-foundation/4/css/normalize.css">
<script src="http://techef.net/tools/fiddle-foundation/4/js/vendor/jquery.js"></script>
<script src="http://techef.net/tools/fiddle-foundation/4/js/vendor/custom.modernizr.js"></script>
<script src="http://techef.net/tools/fiddle-foundation/4/js/foundation.min.js"></script>
<link rel="stylesheet" href="http://foundation.zurb.com/docs/assets/css/docs.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/foundation/5.0.3/css/foundation.min.css">
<body>
<div class="row">
<div class="large-12 columns">
<h2>Welcome to Anonymous Form</h2>
<p>This is about what so ever.</p>
<hr />
</div>
</div>
<form data-abide>
<div class="row">
<div class="large-4 small-4 columns">
<label for="label1">Label</label>
<input id="label1" type="text"/>
<small class="error">Name is required and must be a string.</small>
</div>
<!-- didn't use 'label=for' since there is no provided information about labels-->
<div class="large-4 small-4 columns">
<label>Label</label>
<input type="text"/>
</div>
<div class="large-4 small-4 columns">
<label>Label</label>
<input type="text"/>
</div>
<div class="large-4 small-4 columns">
<label>Label</label>
<input type="text"/>
</div>
<div class="large-4 small-4 columns">
<label>Label</label>
<input type="text"/>
</div>
<div class="large-4 small-4 columns">
<label>Label</label>
<input type="text"/>
</div>
<div class="large-4 small-4 columns">
<label>Label</label>
<input type="text"/>
</div>
<div...
JavaScript
$(document).foundation();