I have some issues with a modal that i have. I searched a lot, i found some similar issues with data-target="#panel-modal2"
where there was no #
, but mine seems O.K. Any help?
This is my HTML:
<div class="btn-group">
<a class="btn btn-red btn-ripple" data-toggle="modal" data-target="#panel-modal2">Transfer</a>
</div><!--.btn-group-->
<div class="modal modal-nutrition fade full-height from-right" id="panel-modal2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<div class="row">
<div class="col-md-12">
<h4 class="modal-title">Transfer</h4>
</div>
</div>
</div>
<div class="modal-body">
<div class="form-group">
<div class="row">
</div>
<div class="row margin-top-30">
<div class="col-md-3">To:</div>
<div class="col-md-9">
<select class="selectpicker" data-width="100%">
<option>- Select -</option>
</select>
</div>
</div>
<div class="row margin-top-30">
<div class="col-md-3">Date:</div>
<div class="col-md-9">
<div class="control-group">
<div class="controls">
<div class="input-group">
<span class="input-group-addon"><i class="ion-android-calendar"></i></span>
<div class="inputer">
<div class="input-wrapper">
<input type="text" style="width: 200px" name="transferDate" class="form-control bootstrap-daterangepicker-basic" value="03/18/2013" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="note note-info note-left-striped">
</div><!--.note-->
</div><!--.col-md-12-->
</div><!--.row-->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-flat-secondary" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-flat-primary" data-dismiss="modal">Submit</button>
</div>
</div>
</div>
<a class="btn btn-red btn-ripple" data-toggle="modal" data-target="#panel-modal2">Transfer</a>
, the modal didn't trigger</div>
tag at the end<div class="modal modal-nutrition fade full-height from-right"
has not been closed