lukke første modal når nummer 2 åbner

Uden at have den ringeste idé om hvordan din kode ser ud så skal du nok over i kigge på javascripten (nærmere betegnet 'hide'); http://getbootstrap.com/javascript/#modals-usage

Koden ser sådan ud:
<div class="modal fade" id="myOrder" role="dialog">
<div class="modal-footer"> <a href="#myOrder2" data-toggle="modal">
              <button type="button" class="btn btn-success btn-lg"> Næste trin <span class="glyphicon glyphicon-ok" aria-hidden="true"></span></button>
              </a> </div>
</div>

når man klikker på "næste trin" åbner myOrder2 modal, men jeg skal have lukket den første modal samtidigt.. Kan dette lade sig gøre?

Jeg ved ikke om man kan det vha den data-attribut du nævner - men formentlig ikke når nu det lyder som om det er det du har prøvet. Så må du gå javascript-vejen, som jeg henviser til.