Bootstrap Popover不适用于MVC3

Question

我正在尝试将"popover"与"@Html.PasswordFor" MVC辅助元素一起使用，但只显示标题而不是内容。 代码是：

 @Html.PasswordFor(model => model.Password, new {rel = "popover", 
                   data_original_title = "Choose new password",  
                   data_content = "minimum 8 chars"})

它生成如下的HTML代码：

<input rel="popover" data-original-title="Choose new password" 
       data-content="minimum 8 chars" id="Password" name="Password"
       type="password" 
/>

Javascript代码：

$(document).ready(function () {
    $("#Password").popover({ trigger: 'hover' });   
});

该代码有效，但只显示标题（“选择新密码”）而不显示内容（“最少8个字符”）

我尝试直接编写HTML代码并且工作正常，它是相同的代码！但是使用Razor语法不起作用。

任何人都可以帮助我吗？ 我添加了一个带有结果的图像

Answer 1

问题是CSS类（“input-prepend”） 我在该类的DIV中有一个“输入”控件。 “bootstrap.css”中的那个类“定义了font-size：0;”所以我看不到文字，虽然标题可以正确看到。谢谢Jesse Webb和Miika L