Asp.net 我应该在哪里引导我的网站？_Asp.net_Css_Html_Razor_Twitter Bootstrap

Asp.net 我应该在哪里引导我的网站？

asp.net css html razor twitter-bootstrap

Asp.net 我应该在哪里引导我的网站？,asp.net,css,html,razor,twitter-bootstrap,Asp.net,Css,Html,Razor,Twitter Bootstrap,我希望我的网站对用户拥有的任何设备都能保持流畅/快速响应；我估计更多的时候它会是一部手机，但我是在笔记本电脑上开发的，所以我在设计时看到的和大多数用户看到的不匹配。当然，我可以运行模拟器/模拟器等。但我的观点是，我希望站点能够在任何给定时刻自动调整设备的大小/纵横比/方向。据我所知，实现这一点的最简单方法是通过引用Twitter的CSS文件并向html中的各种标记添加一些类声明来利用Twitter引导功能。我想知道我需要在哪里添加这些我添加了引导css： <link href="http

我希望我的网站对用户拥有的任何设备都能保持流畅/快速响应；我估计更多的时候它会是一部手机，但我是在笔记本电脑上开发的，所以我在设计时看到的和大多数用户看到的不匹配。当然，我可以运行模拟器/模拟器等。但我的观点是，我希望站点能够在任何给定时刻自动调整设备的大小/纵横比/方向。据我所知，实现这一点的最简单方法是通过引用Twitter的CSS文件并向html中的各种标记添加一些类声明来利用Twitter引导功能。我想知道我需要在哪里添加这些

我添加了引导css：

<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">

我的_SiteLayout.cshtml（Razor 2 webiste）文件的结构是这样的（只显示被斩首的身体）：




@渲染部分（“特色”，必填项：false）
@RenderBody（）

所以它在outher div上使用“content wrapper”，然后左右浮动内部标记。这是否消除了Twitter引导的需要？这种Razor 2结构是否已经采用了同样的响应性设计

如果没有，我应该把Twitter引导类声明放在哪个标签中

我是否应该将class=“row fluid”添加到这些标签中，如果是的话，应该添加哪些标签？

推特引导的基本流体网格支架布局为

.container fluid>.row fluid>.span

。

.row fluid

中的跨距使用由12个元素组成的布局的百分比宽度：

.span1

、

.span2

、

.span3

等

Span类已设置为

float:left

，可以通过添加

来覆盖。向右拉到float:right
元素
因此，布局的引导实现可能类似于：
<body>
    <div id="fb-root"></div>
    <header class="container-fluid">
        <div class="row-fluid content-wrapper">
            <div class="span6">
                <p class="site-title">
                </p>
            </div>
            <div class="span6 pull-right">
            </div>
        </div>
    </header>
    <div class="container-fluid" id="body">
        @RenderSection("featured", required: false)
        <section class="row-fluid content-wrapper main-content clear-fix">
            @RenderBody()
        </section>
    </div>
    <footer class="container-fluid">
        <div class="row-fluid content-wrapper">
            <div class="span12">
                <p>
                </p>
            </div>
        </div>
    </footer>
</body>




@渲染部分（“特色”，必填项：false）
@RenderBody（）



看看
<body>
    <div id="fb-root"></div>
    <header class="container-fluid">
        <div class="row-fluid content-wrapper">
            <div class="span6">
                <p class="site-title">
                </p>
            </div>
            <div class="span6 pull-right">
            </div>
        </div>
    </header>
    <div class="container-fluid" id="body">
        @RenderSection("featured", required: false)
        <section class="row-fluid content-wrapper main-content clear-fix">
            @RenderBody()
        </section>
    </div>
    <footer class="container-fluid">
        <div class="row-fluid content-wrapper">
            <div class="span12">
                <p>
                </p>
            </div>
        </div>
    </footer>
</body>