在 asp.net 中使用引导工具提示

Question

我正在尝试在 asp.net 中使用引导工具提示，但它不起作用，我不确定我在这里做错了什么。

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">    
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
     <link href="Content/bootstrap.css" rel="stylesheet" />    
     <script src="Scripts/jquery-2.1.3.min.js"></script>
    <script src="Scripts/bootstrap.min.js"></script>          
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <br />
    <br />
    <br />
     <form id="form1" runat="server">    
         <br />
         <br />
         <asp:TextBox ID="TextBox1" data-toggle="tooltip" data-placement="right"  
                                                  runat="server"></asp:TextBox>    
         <script>
             $(document).ready(function () {
                 $('[data-toggle="tooltip"]').tooltip();
             });
        </script>           
    </form>    
</asp:Content>

Answer 1

根据您使用的 Bootstrap 版本，您可能会缺少像这样的参考，如果您使用的是 3.x，那么您会缺少这个

<link href="CSS/bootstrap-theme.min.css" rel="stylesheet">

您还缺少TextBox1 控件中的ToolTip 属性

<asp:TextBox ID="TextBox1" data-toggle="tooltip" data-placement="right" ToolTip="My tooltip text" runat="server" />