2013-05-04 21 views
2

我希望我的网站在各种形式(手机,平板电脑,台式机/笔记本电脑)和方向(垂直和水平)上都能正常工作。 Twitter Bootstrap的“流体”示例似乎对此很好。我不得不说我迷恋它......你甚至可以说“Twitterpated”!如何使用最少量的Twitter Bootstrap来获得流畅的好处?

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

如果不是,我必须做什么才能实现这个“裸骨”?是否足以引用引导程序.css和.js,然后将class="content-fluid""row-fluid"(或任何他们正确命名的)添加到相关标记?

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

+0

你可以使用任何你喜欢的。 bootstrap-responsive和bootstrap使用HTML5元素和Normalize.css,所以它甚至可以为你实现跨浏览器样板(只需确保shiv/shim为IE)。另请参阅示例(http://twitter.github.io/bootstrap/getting-started.html#examples)并查看源代码。 – Amelia 2013-05-04 15:03:19

+0

还有一个自举式响应变体。可能更适合你的需求。 – TheHippo 2013-05-04 15:03:24

+0

http://getpreboot.com/#grid-example – 2013-05-04 22:51:29

回答

1

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

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

你实际上并没有使用div.container-fluid(虽然它是引导方式,它可以帮助当您查看结果在电话上)。

您不必引用.js文件(它们只是用于组件)。您不必包含图像;他们只是为了如果你使用它们,你可以用FontAwesome取代它们以获得更好的视网膜兼容性。但你必须参考bootstrap.css。这是强制性的。 :)虽然如果您下载.less源文件,您可以自定义您包含的内容(当然应包括响应元素)。

1

你可以使用twitter引导与asp.net mvc和剃须刀。只需插入css和脚本文件并将您的html写为@anthonymills。

+0

我刚刚搜索了我的硬盘,发现了bootstrap.js的42个副本(并且没有刻意地下载它们中的任何一个) – 2013-05-11 03:27:36

相关问题