如何使用 Twig 模板和 Twitter-Bootstrap 创建模态窗口

我使用 Symfony add bootstrap 来自定义我的网站的样式。 我有一个树枝文件：register content.html.twig，其中包含注册表单。

在我的 index.html.twig 中我想要这样的东西：

<a href="{{ path('fos_user_registration_register') }}" class="btn" data-toggle="modal">Je m'inscris !</a>

想要在模态窗口中显示注册表单的内容，但是不起作用。

我尝试在这里使用 twitter-bootstrap 文档：http://bootstrap.braincrafted.com/javascript#modals http://bootstrap.braincrafted.com/javascript#modals

但我找不到一种方法可以轻松地将其应用于 symfony 中的 twig...

你可以帮帮我吗 ？

Thanks

你的问题与 symfony 或 twig 完全无关。你失踪了数据属性让模态正常工作！

您可以通过以下方式进行操作：

1. 将注册表集成到您的index.html在模态框中并遵循静态模态框的引导示例：

   <button type="button" data-toggle="modal" data-target="#myModal">I register !</button>
   
   <div id="myModal" class="modal hide fade">
       <!-- register form here -->
   </div>
   

2. 您还可以通过ajax加载注册表单的内容。在这种情况下，请参阅模式的远程选项：

   <a data-toggle="modal" href="{{ path('fos_user_registration_register') }}" data-target="#myModal">click me</a>
   
   <div id="myModal"></div>
   

   只需确保在针对 url 执行 ajax 请求时不发送任何布局，否则您的 div 内将有一个完整的 html 页面，这既无效（html-page inside html-page）也不是一个好主意。