<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<div class="col-xs-12 well">
<form>
<fieldset class="form-group">
<label for="recipetitle">Recipe Title</label>
<textarea class="form-control" id="recipetitle" rows="1" maxlength="30"></textarea>
<small class="text-muted">Give me the name of your meat masterpiece. Use capital letters as in a book title, like Mike's Mystery Meat (30 characters max)</small>
</fieldset>
<fieldset class="form-group">
<label for="recipe-editor-ingredients">Ingredients</label>
<textarea class="form-control" id="recipe-editor-ingredients" rows="3"></textarea>
<small class="text-muted">List the ingredients used. Put each ingredient on a new line.</small>
</fieldset>
<fieldset class="form-group">
<label for="recipe-editor-directions">Directions</label>
<textarea class="form-control" id="recipe-editor-directions" rows="3"></textarea>
<small class="text-muted">Enter each step used to prepare this masterpiece. Use new lines for each step.</small>
</fieldset>
<fieldset class="form-group">
<label for="recipe-editor-comments">Comments</label>
<textarea class="form-control" id="recipe-editor-comments" rows="2" maxlength="200"></textarea>
<small class="text-muted">This is the summary that appears when people are browsing your recipes. (200 characters max)</small>
</fieldset>
<fieldset class="form-group">
<label class="btn btn-default" for="recipe-editor-file-selector">
<input id="recipe-editor-file-selector" type="file" style="display:none;">
Upload Image
</label>
<small class="text-muted">Upload an image of your creation.</small>
</fieldset>
<button type="submit" class="btn btn-primary" name="save-recipe-button" value="save-recipe-button">Save Changes to This Recipe</button>
<button type="submit" class="btn btn-info" name="save-new-recipe-button" value="save-new-recipe-button">Save as a New Recipe</button>
<button type="submit" class="btn btn-danger" name="delete-recipe-button" value="delete-recipe-button">Delete This Recipe</button>
</form>
</div>
</div>
</div>
