jQuery Bootstrap 3 Dialog Examples

http://www.jqueryscript.net/demo/jQuery-Modal-Dialog-Plugin-For-Bootstrap-3-Bootstrap-3-Dialog/examples/

HTML

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.5/css/bootstrap-dialog.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.5/js/bootstrap-dialog.min.js"></script>


<div class="row" id="content" class="col-12 col-sm-12 col-lg-12 col-md-12 col-xl-12">
				    <div class="col-5 col-sm-5 col-lg-5 col-md-5 col-xl-5">			
					  	<img id="skibarinfopic" src="https://www.travelwyoming.com/sites/default/files/uploads/consumer/visitJH-imageLibrary-grandTarghee-04.jpg" style="width:100%;max-width:200px;background-color:#000000" alt="" />
              <br/>
              <span id="skibarinfoproductname" style=';font-weight:bold'>Skidresa</span>
              <span id="skibarinfopricespan" class="price left" style="font-size: 20px!important; display: block!important; color: #ee3324!important; font-weight: 700!important; font-family: 'Open Sans', sans-serif;">120</span>
					  </div>
				
            <div class="col-7 col-sm-7 col-lg-7 col-md-7 col-xl-7">
						<p class="product-info" style="max-height: 200px; overflow: auto">
							<span id="skibarinfodetailedinfo">bbeskrivning av produkten . <BR/>skrivning av produkten . <BR/>skrivning av produkten . <BR/>
              asdASDsdS
              Dbalba dlbka döfblakdfö blakf </span>
						</p>
				</div>
				</div>

JavaScript

BootstrapDialog.show({
	title: 'Example',
    message: $("#content"),
    buttons: [{
   		label: 'Close',
        action: function(dialog) {
        	dialog.close();
        }
    }]
});