我应该在哪里启动我的网站？

我希望我的网站能够对任何用户拥有的设备进行流动/响应;我认为更多的时候它会是一部手机，但我正在用笔记本电脑进行开发，所以我在设计时看到的和大多数用户会看到的东西之间存在不匹配。当然，我可以运行仿真器/模拟器等。但我的观点是，我希望网站能够在任何特定时刻自动调整设备的大小/纵横比/方向。从我读过的内容来看，最简单的方法就是利用Twitter Bootstraps功能，引用它们的CSS文件并向我的html中的各种标签添加一些类声明。我想知道在哪里需要添加这些。我应该在哪里启动我的网站？

我已经添加了引导CSS：

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

我_SiteLayout.cshtml（剃刀2网站）文件来到这种方式构造（只显示了身体，头部被斩首）：

<body> 
    <div id="fb-root"></div> 
    <header> 
     <div class="content-wrapper"> 
      <div class="float-left"> 
       <p class="site-title"> 
       </p> 
      </div> 
      <div class="float-right"> 
      </div> 
     </div> 
    </header> 
    <div id="body" > 
     @RenderSection("featured", required: false) 
     <section class="content-wrapper main-content clear-fix"> 
      @RenderBody() 
     </section> 
    </div> 
    <footer> 
     <div class="content-wrapper"> 
      <div class="float-left"> 
       <p> 
       </p> 
      </div> 
     </div> 
    </footer> 
</body>

所以它在outher div上使用“content-wrapper”，然后向左和向右浮动内部标签。这是否避免了对Twitter Bootstrap的需求？已经在这种Razor 2结构中烘焙了同样的响应式设计吗？

如果不是，我应该在哪些标签中放置Twitter Bootstrap类声明？

我应该在这些标记中添加class =“row-fluid”吗？如果是的话，哪些标记？

来源

2013-05-11 B. Clay Shannon

Twitter Bootstrap的基础流体网格脚手架的布局为.container-fluid > .row-fluid > .span#。内.row-fluid利于由加起来12元件的布局使用百分比宽度跨越：.span1，.span2，.span3等。

跨度类已经被设置为其中float:left可以通过添加到.pull-right元件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>

看看http://twitter.github.io/bootstrap/scaffolding.html#fluidGridSystem

来源

2013-05-11 05:14:33 Dan

我应该在哪里启动我的网站？

回答

相关问题