i have modal given here below:

the modal has large enough have first text field , check button beside each other, , second text field , check button beside each other. tried increase height , width of modal, succeeded in increasing width. height becoming smaller, when trying customise modal size. using modal-lg had same effect. code given below:
<div id="addqueue" class="modal fade" role="dialog"> <div class="modal-dialog addqueue-modal"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">add queue desk</h4> </div> <div class="modal-body"> <form role="form"> <div class="form-group"> <div class="col-sm-7"> <label for="queuename">name queue: </label> <input type="text" class="form-control" id="queuename"> </div> <div class="checkbox"> <label><input type="checkbox" value="closedqueue">create closed queue; open when ready</label> </div> </div> <div class="form-group"> <div class="col-md-7"> <label for="queueinfo">additional information queue: </label> <input type="text" class="form-control" id="queueinfo"> </div> <span class="checkbox"> <label><input type="checkbox" value="tooltipdisplay">display tooltip when hovering on queue</label> </span> </div> <hr> </form> </div> </div> </div> </div> the relevant css given below:
.addqueue-modal{ width: 1000px; max-height: 1000px; } does know how can fix modal have text fields , checkboxes in same lines described earlier? in advance!
try this
.addqueue-modal{ width: 1000px; max-height: 1000px; overflow-y: auto; }
Comments
Post a Comment