1
laravelを使用することで、私の知るところによればツールチップのtwitter-bootstrapを簡単に追加できます。これはlaravelにツールチップを追加する正しい方法ですか?
app.blade.phpファイルにCDNを追加し、ラベルに関数を適用してメッセージを正しく表示します。
簡単な例:
index.blade.php
app.blade.phpファイル
<head>
<!-- Bootstrap CSS CDN-->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
</head>
<body>
<!-- Place the end of the tag - jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script>
$(document).ready(function() {
$('[data-toggle="tooltip"]').tooltip({'placement': 'top'});
});
</script>
</body>
我々はこれを行うことができ、ボタンの上にメッセージを表示したい場合。
<a class="btn btn-info" href="#" data-toggle="tooltip" rel="tooltip" data-placement="top" title="Detalle usuario"> <i class="material-icons">aspect_ratio</i> </a>
既にデータプレースメントをトップインラインスタイルに設定しているため、.tooltip({'placement': 'top'})は必要ありません。他のすべての、はい、それはあなたが正しく使用されているPHPフレームワークに関係なくブートストラップのツールチップをどのように初期化するのですか? – Valkyrurr
あなたのHTMLコードは、ツールチップを表示しますか? –
これは表示されていますが、ツールチップに関連するコンテンツがほとんどないため、別の方法があるかどうかを知りたいと思います。 –