Line 224: | Line 224: | ||
} | } | ||
− | + | #myModal | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | #myModal | + | |
{ | { | ||
z-index: 5; | z-index: 5; | ||
} | } | ||
− | .fade | + | .fade |
{ | { | ||
− | z-index:- | + | z-index:-3; |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
.btn-lg{ | .btn-lg{ | ||
Line 245: | Line 236: | ||
} | } | ||
.btn{ | .btn{ | ||
− | |||
− | |||
− | |||
background-color:green; | background-color:green; | ||
} | } | ||
.modal-title{ | .modal-title{ | ||
− | z-index: | + | z-index: 3; |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
</style> | </style> | ||
Line 367: | Line 352: | ||
<div class="members" > | <div class="members" > | ||
− | <button class=" | + | <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> |
<img class="photo" id='lwq' width="250px" src="https://static.igem.org/mediawiki/2018/6/6a/T--GreatBay_China--lwq1.jpg" /> | <img class="photo" id='lwq' width="250px" src="https://static.igem.org/mediawiki/2018/6/6a/T--GreatBay_China--lwq1.jpg" /> | ||
<h4>Timshel Lin</h4> | <h4>Timshel Lin</h4> | ||
Line 373: | Line 358: | ||
<!-- 模态框(Modal) --> | <!-- 模态框(Modal) --> | ||
− | <div class=" | + | <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> |
− | <div class=" | + | <div class="modal-dialog"> |
− | <div class=" | + | <div class="modal-content"> |
− | <div class=" | + | <div class="modal-header"> |
− | + | <h3 class="modal-title" id="myModalLabel2">Timshel Info</h3> | |
− | <button type=" | + | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> |
− | + | ||
</div> | </div> | ||
− | <div class=" | + | <div class="modal-body">按下 ESC 按钮退出。</div> |
− | <div class=" | + | <div class="modal-footer"> |
− | <button type=" | + | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> |
</div> | </div> | ||
− | </div><!-- /. | + | </div><!-- /.modal-content --> |
− | </div><!-- /. | + | </div><!-- /.modal-dialog --> |
− | </div><!-- /. | + | </div><!-- /.modal --> |