مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

علی اکبر منصوریان

عضویت از 1394/02/27

چرا bootstrap کار نمی کند

  • یکشنبه 15 شهریور 1394
  • 02:05
تشکر میکنم

با سلام صفحه layout من مثل زیر است ولی بوت استرپ کار نمی کند. مثلا  Button groups کار نمی کند.

لطفا کمکم کنید با تشکر فراروان

<!DOCTYPE html>
<html lang="fa">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    <meta name="viewport" content="width=device-width" />
    <title>سامانه</title>
    <!--CSS-->
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Content/bootstrap-theme.css" rel="stylesheet" />
    <link href="~/Content/MdBootstrapPersianDateTimePicker/jquery.Bootstrap-PersianDateTimePicker.min.css" rel="stylesheet" />
    <!--/CSS-->
  
</head>
<body style="font-family:tahoma;">
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                @Html.ActionLink("Application name", "Index", "Home", null, new { @class = "navbar-brand" })
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("About", "About", "Home")</li>
                    <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
                </ul>
                @Html.Partial("_LoginPartial")
            </div>
        </div>
    </div>
    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>&copy; @DateTime.Now.Year - My ASP.NET Application</p>
        </footer>
    </div>


    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jqueryui")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)
    <!--جاوااسکریپت-->
    <script src="~/Scripts/jquery-2.1.1.min.js"></script>
    <script src="~/Scripts/bootstrap.min.js"></script>
    <script src="~/Scripts/MdBootstrapPersianDateTimePicker/calendar.js"></script>
    <script src="~/Scripts/MdBootstrapPersianDateTimePicker/jquery.Bootstrap-PersianDateTimePicker.min.js"></script>
    <script src="/Content/MicrosoftAjax.debug.js" type="text/javascript"></script>
    <script src="/Content/MicrosoftMvcAjax.debug.js" type="text/javascript"></script>
    <!--/جاوااسکریپت-->
</body>
</html>


 

پاسخ های این پرسش

تعداد پاسخ ها : 2 پاسخ
کاربر سایت

علی تمیمی

عضویت از 1393/06/27

  • یکشنبه 15 شهریور 1394
  • 09:44

سلام  شما رفرنس هایی از bundles   که در بالای layoutداده اید را بررسی کنید

کاربر سایت

اصغر

عضویت از 1394/03/16

  • یکشنبه 15 شهریور 1394
  • 10:12
<script src="~/Scripts/jquery-2.1.1.min.js"></script>
    <script src="~/Scripts/bootstrap.min.js"></script>


این دو خط را پاک کنید ، ارجاعات Jquery و Bootstrap روی هم override شده است ، و این باعث صحیح لود نشدن Jquery می شود.

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)