HTML редактор

<!doctype html>
<html lang="ru">
<head>
    <title>Отображение контента data-атрибута в модальном окне Bootstrap 3</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
    <link href="/examples/vendors/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

<h1 class="h3 text-center">Отображение контента data-атрибута в модальном окне Bootstrap 3</h1>

<button class="btn btn-primary modal-show" data-content="Контент...">Показать контент</button><br><br>
    <button class="btn btn-danger modal-show" data-content="Ещё контент...">Показать какой ещё есть контент</button><br><br>
    <button class="btn btn-warning modal-show" data-content="Другой контент...">Показать другой контент</button><br><br>

</div>

<script src="/examples/vendors/jquery/jquery-3.2.1.min.js"></script>

<script src="/examples/vendors/bootstrap-3.3.7/js/bootstrap.min.js"></script>

<script src="/examples/vendors/solution-for-bootstrap/control-modal.js"></script>