如何使用最少量的Twitter Bootstrap获得流畅的好处?

时间:2013-05-04 14:57:03

标签: jquery html twitter-bootstrap webmatrix asp.net-webpages

我希望我的网站能够在所有外形尺寸(手机,平板电脑,台式机/笔记本电脑)和方向(垂直和水平)上正常工作。 Twitter Bootstrap的“流畅”示例似乎很有用。我不得不说我迷恋它......你甚至可以说“Twitterpated”!

是否有一个ASP.net(网页/ Razor)网站(不是网络应用程序)的模板,它包含我需要的Twitter Bootsrap-o-rama以获得这种流动性?

如果没有,我必须做的“裸骨”是什么来实现这个?是否足以引用引导程序.css和.js,然后将class="content-fluid""row-fluid"(或其他任何名称完全相同)添加到相关标记中?

类声明(row-fluid等)只需要放在_SiteLayout.cshtml中,stimmt?

2 个答案:

答案 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。