2013-10-05 41 views
0

使用引導程序3,我試圖在母版頁上做兩列非常基本的並排。這種特定的母版頁上的體CSS設置爲:當他們應該並排放置時,自舉柱垂直堆放

width: 1024px; 
height: 768px; 
margin: 0 auto; 

HTML:

<body id="exterior"> 
<form id="form1" runat="server"> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-md-4"><p>VoiceShare by Bellybuds is a voice recording network that allows you to share your voice from wherever you are. Record a story, a song, a moment - right to the site. Or else invite others to join your network so they can share recordings with you. With a few simple clicks, messages can be downloaded to any MP3 player and share with the baby-to-be.</p></div> 
      <div class="col-md-8"></div> 
     </div> 
     <div class="row"></div> 
    </div> 
    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> 
    </asp:ContentPlaceHolder> 
</form> 

當我預覽這個在設計視圖,列垂直堆疊和拉伸全寬的頁面。我明顯錯過了一些東西,但我沒有看到它。

建議將不勝感激。

回答

1

請嘗試查看設計視圖中的瀏覽器的佈局,設計視圖不能處理所有瘋狂的東西,bootstra alies它的類,從不信任設計視圖。嘗試在brwoser預覽中進行。

+0

Bootstrap 2.3.2會顯示設計視圖中的變化,所以我假定Bootstrap 3也是如此。這將使學習如何使用3一個乏味的過程。 –

+0

不是真的,你永遠都不能使用內置的viwers,它們是不合適的。您需要始終在瀏覽器中查看它是唯一正確的地方。想象一下,有一天你會開始使用SASS或者LESS,這會讓設計視圖變得很難,因爲它不能顯示未處理的代碼。祝你好運,我希望它幫助:) – Nopzen

+0

我同意你,它只是我的一個懶惰的習慣,我想。 –