Tôi đã sử dụng mã cho phương thức của mình ngay từ ví dụ Bootstrap và chỉ bao gồm bootstrap.js (và không bao gồm bootstrap-modal.js). Tuy nhiên, phương thức của tôi xuất hiện bên dưới màu xám mờ (phông nền) và không thể chỉnh sửa.
Đây là những gì nó trông giống như:
Xem fiddle này cho một cách để tái tạo vấn đề này. Cấu trúc cơ bản của mã đó là như thế này:
<body>
<p>Lorem ipsum dolor sit amet.</p>
<div class="my-module">
This container contains the modal code.
<div class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">Modal</div>
</div>
</div>
</div>
</div>
</body>
body {
padding-top: 50px;
}
.my-module {
position: fixed;
top: 0;
left: 0;
}
Bất kỳ ý tưởng tại sao điều này là hoặc những gì tôi có thể làm để khắc phục điều này?
Trong trường hợp người khác tìm kiếm một thời gian cho các thẻ mở, v.v. cố gắng tìm hiểu tại sao điều này xảy ra, đối với tôi, đó là tiện ích mở rộng chrome Feedly đã phá vỡ các phương thức của tôi. Vô hiệu hóa hành vi mở rộng trở lại bình thường.
—
ba
Trong trường hợp có thể, sự cố đã xảy ra trên iOS và do
—
idmean
overflow-x: hiddenáp dụng cho vùng chứa của phương thức.
Tạo 3 ví dụ trên 3 phiên bản. 3.3.1 hoạt động tốt và những người khác thì không. Phiên bản 3.3.1 jsfiddle Phiên bản 3.3.5 jsfiddle Phiên bản 3.3.6 jsfoddle
—
Dimitry
Tạo một báo cáo lỗi với nhóm Bootstrap có vẻ như đây không thực sự là một lỗi thậm chí còn nghĩ rằng nó hoạt động tốt trong 3.3.1. Bạn có thể đọc thêm về nó trong liên kết tôi đã đăng.
—
Dimitry
Một bài viết trên blog liên quan đến bất cứ ai phải đối mặt với vấn đề này weblog.west-wind.com/posts/2016/Sep/14/...