我應該在哪裏啓動我的網站？

我希望我的網站能夠對任何用戶擁有的設備進行流動/響應;我認爲更多的時候它會是一部手機，但我正在用筆記本電腦進行開發，所以我在設計時看到的和大多數用戶會看到的東西之間存在不匹配。當然，我可以運行仿真器/模擬器等。但我的觀點是，我希望網站能夠在任何特定時刻自動調整設備的大小/縱橫比/方向。從我讀過的內容來看，最簡單的方法就是利用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

我應該在哪裏啓動我的網站？

回答

相關問題