80
Tôi mới sử dụng Bootstrap và tôi gặp sự cố khi tải tính năng bật lên và chú giải công cụ để hoạt động. Tôi đã không có vấn đề với những giọt xuống và các mô hình nhưng tôi dường như thiếu một cái gì đó cho popover và tooltips.Bootstrap 3.0 Cửa sổ bật lên và chú giải công cụ
Tôi nhận được chú giải công cụ để hiển thị nhưng chúng không được tạo kiểu và nằm giống như các ví dụ khởi động. Và cửa sổ bật lên không hoạt động.
Vui lòng xem và cho tôi biết những gì tôi đang thiếu.
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet" media="screen">
<link href="css/font-awesome.min.css" rel="stylesheet" media="screen">
<link href="css/index.css" rel="stylesheet" media="screen">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="../../assets/js/html5shiv.js"></script>
<script src="../../assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<p id="tool"class="muted" style="margin-bottom: 0;">
Tight pants next level keffiyeh
<a href="#" data-toggle="tooltip" title="Default tooltip">you probably</a> haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel <a href="#" data-toggle="tooltip" title="Another tooltip">have a</a> terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan <a href="#" data-toggle="tooltip" title="Another one here too">whatever keytar</a>, scenester farm-to-table banksy Austin <a href="#" data-toggle="tooltip" title="The last tip!">twitter handle</a> freegan cred raw denim single-origin coffee viral.</p>
<h3>Live demo</h3>
<div style="padding-bottom: 24px;">
<a id="pop" href="#" class="btn btn-lg btn-danger" data-toggle="popover" title="A Title" data-content="And here's some amazing content. It's very engaging. right?">Click to toggle popover</a>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="http://code.jquery.com/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script type="text/javascript">
$(document).ready(function() {
$('.tool').tooltip();
$('.btn').popover();
}); //END $(document).ready()
</script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap.min.css"></script>
</body>
</html>
Tôi vừa đăng câu hỏi tương tự cách đây vài phút, cũng sử dụng BS3 với mọi thứ khác hoạt động như Modals và Tabs nhưng không Tooltips hoặc Popovers ... sẽ cập nhật bạn nên tìm gì đó. – xXPhenom22Xx
cho cửa sổ bật lên, ** tùy chọn ** không được xác định – Cybermaxs
Hiện tại tôi chỉ đang cố gắng để có được hành vi mặc định nhưng tôi quan tâm đến việc hiển thị trên di chuột thay vì nhấp chuột nhưng đó là tiếp theo. Tôi vẫn cần phải đặt một cái gì đó cho các tùy chọn? – user2560895