Question

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

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

建议将不胜感激。

Answer 1

请尝试在设计视图的浏览器中查看布局，设计视图无法处理bootstra属于它的所有疯狂的东西，从不信任设计视图。尝试进入brwoser预览。

Bootstrap柱在它们应并排放置时垂直偏离中心

1 个答案: