将MVC 3 html助手与twitter bootstrap集成的最佳方法是什么？

Question

我试图让我的radiobutton看起来像常规按钮（如这里的按钮组：http：//jasny.github.com/bootstrap/components.html）。问题是如果我使用razor html helper @ Html.RadioButtonFor（...我不明白如何将该输出与引导程序所需的元素相关联。将数据放入引导程序的最佳方法是什么造型而不会丢失链接到我的模型的剃刀？

提前感谢您的帮助

Answer 1

在普通的Html <Input type="radio">语法中写出“长手”单选按钮没有任何问题，特别是如果它是一次性的并且你有自定义的Html位来围绕它。 HtmlHelpers只是帮助者。只需确保填充id="model.value"，以便活页夹获取属性。

如果您发现自己重新使用这个较长的代码，那么您可以创建一个HtmlHelper扩展方法来呈现您想要的Html。这有点像建立自己的那个，并允许你做Html.TwitterRadioButtonFor(....)之类的事情。

在this博客上有一个非常基本的HtmlHelpers编写指南。

编辑：如果您只是想要风格，那么您可以随时使用

传递课程

new { @class = "myClass" }

Answer 2

将html助手与twitter bootstrap集成的最佳方法是使用TwitterBootstrapMVC

- 免费使用Bootstrap 2。