0

使用 Bootstrap 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>

当我在设计视图中预览时，列垂直堆叠并拉伸页面的整个宽度。我显然错过了一些东西，但我没有看到它。

建议将不胜感激。

4

1 回答 1

1

请尝试在浏览器中查看布局而不是设计视图，设计视图无法处理引导程序与它类相关的所有疯狂的东西，永远不要相信设计视图。尝试进入浏览器预览。

于 2013-10-05T18:03:49.017 回答