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

标签 php jquery twitter-bootstrap laravel

据我所知,通过使用 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>

索引.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>

最佳答案

因为您已经将数据放置设置为顶部内联样式,所以 .tooltip({'placement': 'top'}) 将不是必需的。所有其他,是的,这就是您正确初始化 Bootstrap 工具提示的方式,而不管使用的 php 框架如何...... – 来自 Valkyrurr。

关于php - 这是在 laravel 中添加工具提示的正确方法吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40289831/

相关文章:

php - 按后退按钮会重定向已登录的用户以注销吗?

javascript - jQuery 绑定(bind)长度变化

javascript - 使用带有 css bootstrap 的 jQuery 验证插件,突出显示错误的字段

html - 使用 horizo​​nascroll 的 Bootstrap 响应表

javascript - 如何在 Bootstrap Tour 中跳过 10 个步骤?

php - 主要 PHP/MySQL 登录项目,带有 session 变量

php - 如何使用 PUT 代替 POST 和 PHP 上传文件

PHP 警告 : array_shift() expects parameter 1 to be array, null 在/home5/.../php/symfony/command/sfCommandManager.class.php 中给出

javascript - 使 HTML5 视频在指定时间停止

c# - C# 中的切换按钮