Javascript 需要引导脚本和CSS文件来隐藏成功消息并具有选项卡

我正在开发一个asp.net mvc web应用程序，我的项目中已经包含了Bootstrap v2.0.4脚本文件和css文件，但我从未引用过它们

相关脚本包括：-

关联的css文件包括：-

今天我编写了以下脚本，以显示模式弹出窗口：-

    <script type="text/javascript">
    $(function () {

            $(document).on('click', 'a[data-modal]', function (e){
            $('#myModalContent').css({ "max-height": screen.height * .82, "overflow-y": "auto" }).load(this.href, function () {
                $('#myModal').modal({

因此，我已经包括了以下脚本，我得到了良好的工作模式

<script src="~/Scripts/js/bootstrap-modal.js"></script>

现在我需要两个额外的引导功能，它们是：-

1.我在视图中添加了以下选项卡，但当我单击任何选项卡时，都不会发生任何事情：-

<ul class="nav nav-tabs" id="myTab">
<li class="active"><a href="#publish">Publish</a></li>
    <li ><a href="#addcustomer">Add Customer</a></li>

</ul>
<div id="myTabContent" class="tab-content">

<div class="tab-pane " id="addcustomer">
<a data-modal=''>  oooo</a>
</div>

</div></div>

---

那么，有人能告诉我需要添加哪些css和脚本文件才能使选项卡和隐藏成功消息吗？

神圣的插件！在一个项目中从未见过这么多@dowomenfart但我没有引用它们，，拥有所有标签有什么问题..标签上有一个javascript组件：，你有没有尝试过隐藏警报？@Chad但我知道tab class=“tab pane”是一个引导类，所以为什么标签不工作？添加该类为该类提供CSS，但您需要启动javascript：

<ul class="nav nav-tabs" id="myTab">
<li class="active"><a href="#publish">Publish</a></li>
    <li ><a href="#addcustomer">Add Customer</a></li>

</ul>
<div id="myTabContent" class="tab-content">

<div class="tab-pane " id="addcustomer">
<a data-modal=''>  oooo</a>
</div>

</div></div>

 <div class ="alert alert-success">        <a href="#" class="close" data-dismiss="alert">&times;</a>