9
Tôi không chắc mình đang làm gì sai ở đây nhưng tôi muốn tải biểu mẫu đăng nhập vào cửa sổ phương thức. Một khi tôi thêm ẩn vào lớp của cửa sổ phương thức của tôi nó biến mất và khi tôi nhấp vào nút của tôi không có gì xảy ra. Tôi đã thêm lớp mờ dần vào cửa sổ phương thức của tôi và cửa sổ xuất hiện trong vài giây sau đó biến mất. Tôi không chắc mình đang làm gì sai nhưng đây là mã tôi đang sử dụng. Bất kỳ trợ giúp nào luôn được đánh giá cao.Twitter Bootstrap Phương thức tải & biến mất nhanh chóng
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
</head>
<body>
<a href="#myModal" data-toggle="modal">Login</a>
<div class="modal hide fade" id="myModal" aria-hidden="true">
<div class="modal-header">
<h3>The Sports Freak Login</h3>
</div>
<div class="modal-body">
<form>
<label>Email</label>
<input type="email" class="span4">
<br>
<label>Password</label>
<input type="text" class="span4">
<br><br>
<button type="submit" class="btn btn-success">Logn</button>
<button type="reset" class="btn">Clear</button>
</form>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>
Bạn chỉ tải tệp css phản hồi khởi động khi bạn tải tệp css bootstrap thông thường (trước một trong những đáp ứng) sau đó cuối cùng của tất cả các bạn nên tải tập tin css tùy chỉnh của bạn. Ngoài ra nếu bạn đang tải tệp tin bootstrap.js mới nhất, nó chứa tất cả các phần tử javascript bootstrap, do đó bạn sẽ không cần tải tệp modal.js riêng biệt. –
Tôi nghĩ rằng [điều này làm những gì bạn cần] (http://jsfiddle.net/serra/bPSFz/)? Chỉ cần bao gồm đúng css/js theo thứ tự đúng để thực hiện thủ thuật; phần còn lại của html của bạn trông OK. – Marijn
Marijin Tôi đã thay đổi thứ tự các tờ định kiểu của tôi và nó đã hoạt động. Cảm ơn! Billy, tôi đã dán mã không chính xác trong bài viết đầu tiên của mình. Tôi sẽ chỉnh sửa nó với bài đăng chính xác. Cảm ơn bạn đã mẹo gỡ bỏ tệp boostrap-modal.js. Nó hoạt động hoàn hảo. –