에서 부트 스트랩 모달. 지금은 화면 맨 아래에있는 사용자에게 부트 스트랩 모달 표시 동작을 만드는 방법에 대한 방법을 찾고 있습니다. 그들은 여전히 규칙적인 모달과 동일하게 행동합니다. 나는 materializecss의 Bottom Sheet Modal처럼 행동하는 모달을 찾고 있습니다. 부트 스트랩에서 가능합니까? 아니면 기존 방법이 있습니까?내가 지금 내가 <strong>부트 스트랩</strong>에</strong> 전환 <strong>웹 사이트에 대한 <strong>소재 디자인</strong>를 사용하여 내 마지막 프로젝트에 대한 바닥 시트
예, 그것은,하지만 당신은 약간의 CSS 모달을 변경해야
참고 : 당신이해야 할 유일한 변화는 요소 class="modal-dialog"
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h2>Modal Example</h2>
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog" >
<div class="modal-dialog" style="position:absolute;bottom:0;margin:0;width:100%;">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
예에 스타일을 추가하는 것입니다 from : https://www.w3schools.com/bootstrap/bootstrap_modal.asp
감사합니다. 나는 지금이 전체 너비를 만들 필요가 있습니다. –
내 코드가 이미 전체 너비로 편집되었습니다 (: 너비 추가 : 100 %; – DsEsteban