<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 ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>応募フォーム (志望動機) </legend> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">テンプレートを選択</label> <div class="col-md-4"> <select name="selectbasic" class="form-control" id="selectbasic"> <option value="1">事業内容に関心がある</option> <option value="2">自分の経験を活かせる</option> <option value="">仕事の裁量の大きさ</option> <option value="">企業のビジョンに共感</option> <option value="">社内文化に関心がある</option> <option value="">社員に魅力を感じた</option> <option value="">年収/福利厚生/評価制度</option> <option value="">作業環境/新しい技術・ツールへの許容性</option> </select> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea">志望動機(日本語)</label> <div class="col-md-4"> <textarea name="textarea" class="form-control" id="textarea"></textarea> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea">志望動機(英語)</label> <div class="col-md-4"> <textarea name="textarea" class="form-control" id="textarea"></textarea> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for=""></label> <div class="col-md-4"> <button class="btn btn-primary">レジュメを確認・変更する</button> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for=""></label> <div class="col-md-4"> <button class="btn btn-primary">この内容で応募する</button> </div> </div> </fieldset> </form>