2016-10-27 57 views
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> 
+1

既にデータプレースメントをトップインラインスタイルに設定しているため、.tooltip({'placement': 'top'})は必要ありません。他のすべての、はい、それはあなたが正しく使用されているPHPフレームワークに関係なくブートストラップのツールチップをどのように初期化するのですか? – Valkyrurr

+0

あなたのHTMLコードは、ツールチップを表示しますか? –

+0

これは表示されていますが、ツールチップに関連するコンテンツがほとんどないため、別の方法があるかどうかを知りたいと思います。 –

答えて

0

すでにトップインラインスタイルにデータ配置を設定しているので、.tooltip({「配置」:「トップ」})必要が文句を言いません。他のすべて、はい、それはあなたが正しく使用されるPHPフレームワークに関係なく、ブートストラップのツールチップをどのように初期化するのですか? - Valkyrurrから。

関連する問題