I'm currently having a problem. I need to open another modal once i clicked a link inside the current modal. I tried adding the data-dismiss="modal" on the hyperlink inside the data-content but no luck and I'm stuck. I'm very very new to bootstrap too. I just started last week.

My code goes like this:

Code:
<a href="" data-target="#modal1" data-toggle="modal">
    <img src="logos/tools.png" class="pop text-center" data-container="body" data-toggle="popover" data-placement="bottom" data-content='<h3>aaa</h3> 
    <a href="#" data-target="#modal2" class="pop" data-toggle="modal" data-dismiss ="modal"> asd </a>' data-original-title="" title="" ">
<h3>xxx</h3>
</a>

<div tabindex="-1" class="modal fade" id="modalscd" role="dialog" aria-hidden="true" aria-labelledby="modalscd">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button class="close" aria-hidden="true" type="button" data-dismiss="modal"></button>
        <h4 class="modal-title" id="proddevtools"><h4>Source Code Deployment</h4>
      </div>
      <div class="modal-body">
        <p>Content</p>
      </div>
      <div class="modal-footer">
        <button class="btn btn-default" type="button" data-dismiss="modal">Close</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
the JS

Code:
<script type="text/javascript">
    $("[data-toggle=popover]").popover({
        html: true
    }) 
</script>

<script type="text/javascript">
    $(".pop").popover({
        trigger: "manual",
        html: true,
        animation: false
    })
    .on("mouseenter", function() {
        var _this = this;
        $(this).popover("show");

        $(".popover").on("mouseleave", function() {
            $(_this).popover('hide');
        });
    })
   .on("mouseleave", function() {
        var _this = this;
        setTimeout(function() {
            if (!$(".popover:hover").length) {
                $(_this).popover("hide");
            }
        }, 30);
    }); 
</script>