Question

这是我的HotTowel观点：

<section>
    <div class="container">
        <div class="row">
            <div class="col-md-6">One</div>
            <div class="col-md-6">Two</div>
        </div>
        <div class="row">
            <div class="col-md-4 col-md-offset-4">Three</div>
            <div class="col-md-4">Four</div>
        </div>
    </div>
</section>

使用HotTowel的bootstrap无法正确呈现。你没有得到预期的引导程序表布局。

如果我这样做：

<body>
    <div class="container">
        <div class="row">
            <div class="col-md-6">One</div>
            <div class="col-md-6">Two</div>
        </div>
        <div class="row">
            <div class="col-md-4 col-md-offset-4">Three</div>
            <div class="col-md-4">Four</div>
        </div>
    </div>
</body>

在同一项目的普通html页面中，引导程序表布局符合预期。

我是否遗漏了HotTowel需要使用bootstrap进行视图布局的内容？ bootstrap css和js文件都在HotTowel的index.cshtml中引用。

Answer 1

您可以在HotTowel视图中使用引导程序。问题可能来自您的引导程序加载方案。

查看 bundleConfig ：可以在jquery之后定义bootstrap。
确保正确呈现包含index.cshtml中的bootstrap的包。
确保bootstrap 未加载多次。

Answer 2

神秘解决了。我试图使用新的col *类进行布局，而HotTowel只使用版本2.3.2的bootstrap。我切换到使用span *类，一切都开始工作了。

你可以在HotTowel视图中使用Bootstrap进行布局吗？

2 个答案: