Question

我需要从我的网站发送一些邮件。我已经制作了一个模板，一个cshtml页面，我想使用bootstrap进行样式设计。我在整个项目中使用bootstrap。但问题是，造型不起作用。

我在一些视图中使用它，我把它放在这个模板中：

 @model OnlineCarStore.Models.PurchaseVM
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd" crossorigin="anonymous">
 <script src="http://code.jquery.com/jquery.js"></script>

 <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-glyphicons.css" type="text/css">

<script type="text/javascript" src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.unobtrusive-ajax.js"></script>
<script type="text/javascript" src="../../Scripts/jquery-1.8.2.min.js"></script>

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">

<p>Thanks for the order!</p>
<p>Details: </p>

<div class="container">
<div class="panel panel-default">
    <div class="panel-heading">Order details</div>
    <div class="panel-body">
        <div class="row">
            <div class="col-lg-6">
                <p>No: </p>
            </div>
            <div class="col-lg-6">
                <p> @Model.Id</p>
            </div>
            <div class="col-lg-6">
                <p>Date: </p>
            </div>
            <div class="col-lg-6">
                <p> @Model.Date.ToShortDateString()</p>
            </div>
        </div>
    </div>
</div>

在另一页中，引导程序运行良好，样式工作正常。但在这个页面中，它的样式不起作用。显示订单中的所有详细信息，但没有任何样式。它应该是这样的：

你能告诉我们要做什么，以便在这个页面中使引导工作。

Answer 1

如果您发送的电子邮件中的样式不起作用，请编写内联样式。因为当您发送电子邮件时只能使用内联样式。

Answer 2

您可以参考bootstrap 4.0.0-alpha.2

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js"></script>

但不包括mathcing bootstrap.js

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.min.css">

然后你也可以参考bootstrap 3.0.0-rc1：

<script src="http://code.jquery.com/jquery.js"></script>    
<script type="text/javascript" src="../../Scripts/jquery-1.8.2.min.js"></script>

和两个jquery引用：

{{1}}

你应该选择bootstrap 3或4，而不是两者兼而有之。无论你选择哪一个都需要一个css和一个js参考。

同样，你应该只有一个对jquery本身的引用。

Bootstrap无法在新创建的页面MVC C＃中工作

2 个答案: