我希望我的网站能够在所有外形尺寸(手机,平板电脑,台式机/笔记本电脑)和方向(垂直和水平)上正常工作。 Twitter Bootstrap的“流畅”示例似乎很有用。我不得不说我迷恋它......你甚至可以说“Twitterpated”!
是否有一个ASP.net(网页/ Razor)网站(不是网络应用程序)的模板,它包含我需要的Twitter Bootsrap-o-rama以获得这种流动性?
如果没有,我必须做的“裸骨”是什么来实现这个?是否足以引用引导程序.css和.js,然后将class="content-fluid"
和"row-fluid"
(或其他任何名称完全相同)添加到相关标记中?
类声明(row-fluid等)只需要放在_SiteLayout.cshtml中,stimmt?
答案 0 :(得分:1)
可能有一个模板,但您需要的最低限度是
<div class="row-fluid">
<div class="span6">Content</div>
<div class="span6">More content</div>
</div>
您实际上不必使用div.container-fluid
(尽管它是Bootstrap方式,当您在手机上查看结果时它会有所帮助。)
您不必引用.js文件(它们仅用于组件)。您不必包含图像;如果您使用它们,它们只是用于它们,您可以使用FontAwesome替换它们以获得更好的Retina兼容性。您必须参考bootstrap.css
。这是强制性的。 :)虽然如果您下载.less
源文件,您可以自定义您包含的内容(当然应包括响应元素)。
答案 1 :(得分:1)
你可以在asp.net mvc和razor上使用twitter bootstrap。只需插入css和脚本文件,然后将你的html写成@anthonymills。