<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>Form Name</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="tName">Tur Adı</label> <div class="col-md-4"> <input id="tName" name="tName" type="text" placeholder="Tura bir isim ver" class="form-control input-md" required=""> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="tDescr">Kısa Detay</label> <div class="col-md-4"> <textarea class="form-control" id="tDescr" name="tDescr">Tur hakkında kısa bilgi</textarea> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="SLevelids">Servis Levels</label> <div class="col-md-4"> <label class="checkbox-inline" for="SLevelids-0"> <input type="checkbox" name="SLevelids" id="SLevelids-0" value="1"> Basic </label> <label class="checkbox-inline" for="SLevelids-1"> <input type="checkbox" name="SLevelids" id="SLevelids-1" value="2"> Camping </label> <label class="checkbox-inline" for="SLevelids-2"> <input type="checkbox" name="SLevelids" id="SLevelids-2" value="3"> Standard </label> <label class="checkbox-inline" for="SLevelids-3"> <input type="checkbox" name="SLevelids" id="SLevelids-3" value="4"> Upgraded </label> <label class="checkbox-inline" for="SLevelids-4"> <input type="checkbox" name="SLevelids" id="SLevelids-4" value="5"> Natural </label> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="FizikselZorluk">Fiziksel Zorluk</label> <div class="col-md-4"> <select id="FizikselZorluk" name="FizikselZorluk" class="form-control"> <option value="1">Kolay</option> <option value="2">Orta</option> <option value="">Zor</option> </select> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="tTypeids">Trip Types</label> <div class="col-md-4"> <label class="checkbox-inline" for="tTypeids-0"> <input type="checkbox" name="tTypeids" id="tTypeids-0" value="1"> Bagimsiz Seyahat </label> <label class="checkbox-inline" for="tTypeids-1"> <input type="checkbox" name="tTypeids" id="tTypeids-1" value="2"> Küçük Grup </label> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="ageRequirement">Yaş Aralığı</label> <div class="col-md-4"> <select id="ageRequirement" name="ageRequirement" class="form-control"> <option value="0+">0+</option> <option value="0-18">0-18</option> <option value="18-28">18-28</option> <option value="18-38">18-38</option> <option value="18-49">18-49</option> <option value="18-59">18-59</option> </select> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="tStyleids">Travel Styles</label> <div class="col-md-4"> <label class="checkbox-inline" for="tStyleids-0"> <input type="checkbox" name="tStyleids" id="tStyleids-0" value="1"> Yolo </label> <label class="checkbox-inline" for="tStyleids-1"> <input type="checkbox" name="tStyleids" id="tStyleids-1" value="2"> Family </label> <label class="checkbox-inline" for="tStyleids-2"> <input type="checkbox" name="tStyleids" id="tStyleids-2" value="3"> Jurney </label> <label class="checkbox-inline" for="tStyleids-3"> <input type="checkbox" name="tStyleids" id="tStyleids-3" value="4"> Active </label> <label class="checkbox-inline" for="tStyleids-4"> <input type="checkbox" name="tStyleids" id="tStyleids-4" value="5"> Local Living </label> <label class="checkbox-inline" for="tStyleids-5"> <input type="checkbox" name="tStyleids" id="tStyleids-5" value="6"> Marine </label> <label class="checkbox-inline" for="tStyleids-6"> <input type="checkbox" name="tStyleids" id="tStyleids-6" value="7"> Classic </label> </div> </div> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="tincludeids">Tura Dahiller</label> <div class="col-md-4"> <div class="checkbox"> <label for="tincludeids-0"> <input type="checkbox" name="tincludeids" id="tincludeids-0" value="Hava limanı Vergileri"> Hava limanı Vergileri </label> </div> <div class="checkbox"> <label for="tincludeids-1"> <input type="checkbox" name="tincludeids" id="tincludeids-1" value="Otobüs Biletleri"> Otobüs Biletleri </label> </div> </div> </div> <!-- Prepended text--> <div class="form-group"> <label class="col-md-4 control-label" for="chkout">Check Out</label> <div class="col-md-4"> <div class="input-group"> <span class="input-group-addon">End Date</span> <input id="chkout" name="chkout" class="form-control" placeholder="22.02.2019" type="text" required=""> </div> </div> </div> <!-- Prepended text--> <div class="form-group"> <label class="col-md-4 control-label" for="chkin">Check In</label> <div class="col-md-4"> <div class="input-group"> <span class="input-group-addon">Start Date</span> <input id="chkin" name="chkin" class="form-control" placeholder="19.02.2017" type="text" required=""> </div> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="days">Total Days</label> <div class="col-md-4"> <select id="days" name="days" class="form-control"> <option value="1 Gün">1 Gün</option> <option value="2 Gün">2 Gün</option> <option value="3 Gün">3 Gün</option> <option value="4 Gün">4 Gün</option> <option value="5 Gün">5 Gün</option> <option value="6 Gün">6 Gün</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="tServiceid">Departman</label> <div class="col-md-4"> <select id="tServiceid" name="tServiceid" class="form-control"> <option value="İncoming">İncoming</option> <option value="Outgoing">Outgoing</option> <option value="İngoing">İngoing</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="pictids">Resimler</label> <div class="col-md-4"> <input id="pictids" name="pictids" type="text" placeholder="1;2;3;34" class="form-control input-md"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="CountryCode">Ülke</label> <div class="col-md-4"> <select id="CountryCode" name="CountryCode" class="form-control"> <option value="Turkiye">Turkiye</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="cityid">Şehir</label> <div class="col-md-4"> <select id="cityid" name="cityid" class="form-control"> <option value="İstanbul">İstanbul</option> </select> </div> </div> </fieldset> </form>