我平生第一次学习和做任何 web开发控制,所以它可能看起来像一个明显的问题,但我的困惑是: 在我MVC应用程序在第一次,我开始使用控制从Twitter Bootstrap
网站的例子,所以例如下拉看起来都很漂亮,然后我知道,我想用例如@HTML.CheckBoxFor
等在我的剃刀代码所以使用,现在的控件看起来很丑,就像他们的平原HTML定义看起来。 所以我的问题是我怎样才能继续使用@HTML
助手为我的控制和模型在剃刀绑定,同时保持其Bootstrap
控件的外观和灵活性?结合Bootsrap用剃刀HTML辅助
1
A
回答
2
如果你的财产是bool
型那就试试这个一复选框:
<div class="form-group">
@Html.LabelFor(model => model.property1, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
<div class="checkbox">
@Html.EditorFor(model => model.property1)
@Html.ValidationMessageFor(model => model.property1, "", new { @class = "text-danger" })
</div>
</div>
</div>
的checkbox
类名是举
2
所有的HTML帮助程序都有一个重载,允许您传入一个对象散列,该对象散列被转换为HTML属性。
你可以用它来类添加到您的控制:
@Html.CheckBox("Blah", new { @class = "form-control" })
相关问题
- 1. 剃刀HTML辅助Html.BeginForm
- 2. 添加HTML辅助使用jQuery(剃刀)
- 3. 修改HTML辅助在ASP.NET MVC3剃刀
- 4. 问题认识HTML辅助3剃刀
- 5. 如何提高HTML使用剃刀HTML辅助
- 6. HTML辅助工作在ASPX但不是剃刀
- 7. 直接Model.Property与HTML辅助DisplayFor在剃刀
- 8. 通数据图标剃刀HTML辅助属性
- 9. MVC3 - 在剃刀内定义辅助方法是否合法?
- 10. MVC绑定简单的HTML文本框不使用HTML辅助和剃刀
- 11. 结合剃刀,Ajax,JSON
- 12. 结合剃刀和JavaScript
- 13. 我的HTML助手是由剃刀
- 14. 需要截断剃刀HTML DisplayFor助手
- 15. HTML语法分析剃刀助手
- 16. 结合聚合物和剃刀
- 17. 剑道UI的DropDownList - HTML辅助(剃刀) - 硬编码列表选项
- 18. 如何做asp.net MVC 3剃须刀内联样式的HTML辅助
- 19. 剃刀辅助智能不会在Orchard CMS上显示
- 20. 剃刀生成HTML
- 21. 有条件的HTML属性使用剃刀@html助手
- 22. MVC3剃刀需要帮助
- 23. HTML辅助TextBoxFor
- 24. HTML辅助
- 25. 与HTML辅助
- 26. 将CSS应用于剃刀助手
- 27. 使用剃刀视图的mvc4的自定义datepicker html助手
- 28. 定制剃刀HTML标记
- 29. 创建动态HTML剃刀
- 30. 意外HTML从剃刀
哦,所以这是秘密?通过@class =“表单控制”会提醒他们,嘿渲染它像一个boostrap控制? – Bohn
@Bohn - 这不是一个真正的提醒,你是从字面上告诉它使用属性'class =“form-control''来呈现'checkbox'类型的'输入'控件。' 你现在需要做的就是确保你有所有适当的标记和类来匹配bootstrap所需的,你应该得到适当的视觉样式。 – Josh
@波恩 - 如果你看看BviLLe_Kid提供的答案,你将会看到基本上满足你想要的所有标记。在一天结束时,所有的HTML助手都会使用适当的约定来呈现一些标记,以确保所有模型绑定都很开心。 – Josh