Question

根据我的知识，通过使用laravel，我们可以轻松添加工具提示twitter-bootstrap。

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

Answer 1

由于您已将数据展示位置设置为顶级内联样式，因此无需使用.tooltip（{'placement'：'top'}）。所有其他的，是的，这就是你如何正确初始化一个bootstrap工具提示而不管使用的php框架...... - 来自Valkyrurr。

这是在laravel中添加工具提示的正确方法吗？

1 个答案: