Html 模式框未打开

我想创建一个CSS/HTML模式，我相信不需要JavaScript。下面是我正在使用的示例代码。模态不会打开，但它显示它与它的链接。我有3个CSS文件，我将其添加到bootstrap.CSS和styleshPortfolio.CSS中，但没有添加到bootstrap.min.CSS中

模态盒
这是一个示例模态框，可以使用CSS3的功能创建

你可以在这里做很多事情，比如在网站加载时弹出广告，或者为用户创建登录/注册表单

.modalDialog{
位置：固定；
字体系列：Arial、Helvetica、无衬线字体；
排名：0；
右：0；
底部：0；
左：0；
背景：rgba（0,0,0,0.8）；
z指数：99999；
不透明度：0；
-webkit过渡：不透明度400ms缓进；
-moz过渡：不透明度400ms缓进；
过渡：不透明度400ms缓进；
指针事件：无；
}
.modalDialog：目标{
不透明度：1；
指针事件：自动；
}
.modalDialog>div{
宽度：400px；
位置：相对位置；
利润率：10%自动；
填充：5px20px 13px 20px；
边界半径：10px；
背景：#fff；
背景：-moz线性梯度（#fff，#999）；
背景：-webkit线性梯度（#fff，#999）；
背景：-o-线性梯度（#fff，#999）；
}
.结束{
背景:#606061；
颜色：#FFFFFF；
线高：25px；
位置：绝对位置；
右：-12px；
文本对齐：居中；
顶部：-10px；
宽度：24px；
文字装饰：无；
字体大小：粗体；
-webkit边界半径：12px；
-moz边界半径：12px；
边界半径：12px；
-莫兹盒阴影：1px 1px 3px#000；
-网络工具包盒阴影：1px 1px 3px#000；
盒影：1px 1px 3px#000；
}
.close:悬停{背景：#00d9ff；}

如果使用引导，只需通过数据属性实例化模态

如下图所示

台阶

---

请确保已加载引导核心css和js

---

2.像这样编写模式实例化按钮。

---

3.像这样编写HTML模式

---

---

有关更多详细信息，请参阅此链接：

如果您使用引导，请检查此检查CSS是否来自

Bootstrap.CSS

或

Bootstrap.min.CSS

。这样做之后，把你的代码放到CSS来自的文件中。我想编辑你的问题，但我甚至不知道从哪里开始。请重新表述您的问题并删除任何不必要的内容。@demo U是铀的化学符号。“如果使用引导”在语法上不正确；它应该是“如果铀使用Bootstrap”。你应该阅读更多文档。当你说“请确保Bootstrap核心css和js已加载”时？对于Bootstrap UI框架，它主要有一个css文件，如Bootstrap.min.css或Bootstrap.css（非缩小版本）和一个自定义覆盖样式版本或主题样式，如style.css。在JQUERY库加载后的JS部分中，应该加载引导JS库（bootstrap.min.JS），这是使用引导功能的常用方法。如果JS加载了引导模式等项，则切换和手风琴将不起作用。如果这些都是完美的，那么还要检查页面中是否存在jquery错误。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>

 <!-- Button HTML (to Trigger Modal) -->
    <a href="#myModal" class="btn btn-lg btn-primary" data-toggle="modal">Launch Demo Modal</a>

<div id="myModal" class="modal fade">
      <!-- MODAL CONTENT -->
</div>