2

我希望我的网站在所有外形尺寸（手机、平板电脑、台式机/笔记本电脑）和方向（垂直和水平）上都能正常工作。Twitter Bootstrap 的“流畅”示例似乎非常适合这一点。我不得不说我对它很着迷……你甚至可以说“Twitterpated”！

是否有一个 ASP.net（网页/Razor）网站（不是网络应用程序）的模板，它包含了我需要的 Twitter Bootsrap-o-rama 来获得这种流动性？

如果不是，我必须做些什么来实现这一点？引用引导程序 .css 和 .js 然后将class="content-fluid"and "row-fluid"（或它们的确切名称）添加到相关标签是否足够？

类声明（row-fluid等）只需要放在_SiteLayout.cshtml中，stimmt?

4

2 回答 2

1

可能有一个模板，但您需要的最低限度是

<div class="row-fluid">
    <div class="span6">Content</div>
    <div class="span6">More content</div>
</div>

您实际上不必使用 a div.container-fluid（尽管它是 Bootstrap 方式，当您在手机上查看结果时会有所帮助）。

您不必引用 .js 文件（它们仅用于组件）。您不必包含图像；它们仅适用于您使用它们，您可以将它们替换为 FontAwesome 以获得更好的 Retina 兼容性。不过，您确实必须参考bootstrap.css。这是强制性的。:) 虽然如果您下载.less源文件，您可以自定义包含的内容（当然应该包括响应式元素）。

于 2013-05-04T15:03:20.983 回答
1

您可以将 twitter 引导程序与 asp.net mvc 和 razor 一起使用。只需插入 css 和脚本文件并将您的 html 编写为@anthonymills。

于 2013-05-04T15:26:19.890 回答