이것이 laravel에 툴팁을 추가하는 올바른 방법입니까?

laravel로 작업하면 트위터 부트 스트랩을 툴팁에 쉽게 추가 할 수 있습니다.이것이 laravel에 툴팁을 추가하는 올바른 방법입니까?

app.blade.php 파일에 CDN을 추가하고 라벨에 함수를 적용하여 메시지를 올바르게 표시하십시오.

간단한 예 :

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>

index.blade.php

우리는이 작업을 수행 할 수있는 버튼에 메시지를 표시하려면

이미 인라인 스타일을 위로하기 위해 데이터 배치를 설정 한 이후

<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>

출처

2016-10-27 Edward Palen

이미 데이터 배치를 맨 위 인라인 스타일로 설정 했으므로 .tooltip ({ 'placement': 'top'})은 필요하지 않습니다. 다른 모든 것들, 그렇습니다, 어떻게 PHP 프레임 워크에 관계없이 부트 스트랩 툴팁을 적절하게 초기화 할 수 있습니까? – Valkyrurr

html 코드가 툴팁을 표시합니까? –

표시되지만 다른 방법이 있는지 알고 싶습니다. 툴팁과 관련하여 내용이 거의 표시되지 않기 때문입니다. –

의 .tooltip ({ '배치': '상단'}) 늘 필요하다. 다른 모든 것들은 그렇습니다. 어떻게 PHP 프레임 워크에 관계없이 부트 스트랩 툴팁을 적절하게 초기화 할 수 있습니까? - Valkyrurr 출신.

출처

2016-11-04 13:58:33

이것이 laravel에 툴팁을 추가하는 올바른 방법입니까?

답변

관련 문제