<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Menu Ekle</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="number">Name</label> <div class="col-md-4"> <input id="number" name="number" type="text" placeholder="Name" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="icon">Icons</label> <div class="col-md-4"> <input id="icon" name="icon" type="text" placeholder="Icon" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="url">Url</label> <div class="col-md-4"> <input id="url" name="url" type="text" placeholder="url" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="order">Order</label> <div class="col-md-4"> <input id="order" name="order" type="text" placeholder="Order" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="menuNumber">Menu Number</label> <div class="col-md-4"> <input id="menuNumber" name="menuNumber" type="text" placeholder="Menu Number" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="parentNumber">Parent Number</label> <div class="col-md-4"> <input id="parentNumber" name="parentNumber" type="text" placeholder="Parent Number" class="form-control input-md"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectType">Type</label> <div class="col-md-4"> <select id="selectType" name="selectType" class="form-control"> <option value="1">Normal Menu</option> <option value="2">ViewComponentMenu</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectViewComponent">View Component</label> <div class="col-md-4"> <select id="selectViewComponent" name="selectViewComponent" class="form-control"> <option value="1">View Component 1</option> <option value="2">View Component 2</option> <option value="3">View Component 3</option> </select> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="radioIsActive">IsActive</label> <div class="col-md-4"> <div class="radio"> <label for="radioIsActive-0"> <input type="radio" name="radioIsActive" id="radioIsActive-0" value="1" checked="checked"> True </label> </div> <div class="radio"> <label for="radioIsActive-1"> <input type="radio" name="radioIsActive" id="radioIsActive-1" value="2"> False </label> </div> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="btnSubmit"></label> <div class="col-md-4"> <button id="btnSubmit" name="btnSubmit" class="btn btn-success">Ekle</button> </div> </div> </fieldset> </form>