このコードは完全にうまく機能しています。jquery および bootstrap js ファイルが含まれていない可能性があります
<!doctype html>
<html lang="en">
<head>
<title>Amit Wecomes you</title>
<link type="text/css" rel="Stylesheet" href="bootstrap/css/bootstrap.min.css" />
</head>
<body>
<a href="#clarissa" role="button" data-toggle="modal">Clarissa Bonnel</a>
<!-- Modal -->
<div id="clarissa" class="modal hide fade" tabindex="-1" role="dialog" aria- labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<h4 class="modal-title">Modal title</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">× </button></p>
</div>
<div class="modal-body">
<img src="images/amit.jpg" align="left"/>
I am Clarissa. I am also 34 years old, half Italian - half French with a little Australian and Romanian twist. I speak 5 languages. My career has been a roller coaster in terms of locations and roles. For more than 11 years, I have lived and worked across the globe, mainly in international organisations, media and professional services, in journalism, sales, client relationship management and event organising. Throughout this journey, I have met a lot of people who have become frustrated because of a mismatch between their goal in life and their current situation without any plan for them to get what they want and deserve.
</div>
</div>
<!-- End Modal -->
<script src="bootstrap/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
このコードを使用してください。コンテンツをモーダル内に配置し、正常に動作しています。コードを試すために別の画像を使用しました。
乾杯をお楽しみください!!!