Webpage not working with Bootstrap

Dear Code master,

i have a web application every thing is working fine except my loging page i am not using ASP.NET login control, i just put in two textboxes and label them username and password with a button named Login.

i use bootstrap to design the presentation screen, when i run th application the login page bootstrap is not working, i have the contant folder, script folder and the font folder of the bootstrap add to the project all other pages are working fine.

bellow is the picture of the folder:

here also is my web page :

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="frmLoginapp.aspx.cs" Inherits="frmLoginapp" %>
>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>title>
<link href="Content/bootstrap.min.css" rel="stylesheet" type="text/css" />
head>
<body class="body">
<form id="form1" runat="server">
<div style="margin-top:50px;">
<div class="row">
<div class="col-sm-2">
div>
<div class=" col-sm-6">
<div class="text-center bg-primary">
<h3>Loginh3>
div>
<table class="table" style="border: thin dotted #800080">
<tr>
<td class="auto-style5" rowspan="5" style="vertical-align: top; text-align: left">
<asp:Image ID="Image2" runat="server" ImageUrl="image/Login1.jpg" />
<%-- <img src="image/Login1.jpg" class=" img-rounded" alt="Login-Logo" />--%>
td>
<td class="auto-style6" style="border-left-style: solid; border-left-width: thin; border-left-color: #800000">
td>
<td>
td>
tr>
<tr>
<td class="auto-style6" style="border-left-style: solid; border-left-width: thin; border-left-color: #800000">
<asp:Label ID="Label1" runat="server" Text="User Name :">asp:Label>
td>
<td>
<asp:TextBox ID="txtname" runat="server" Width="91%">asp:TextBox>
td>
tr>
<tr>
<td class="auto-style6" style="border-left-style: solid; border-left-width: thin; border-left-color: #800000">
<asp:Label ID="Label2" runat="server" Text="Password :">asp:Label>
td>
<td>
<asp:TextBox ID="txtpassword" runat="server" Width="206px" TextMode="Password">asp:TextBox>
td>
tr>
<tr>
<td class="auto-style6" colspan="2" style="border-left-style: solid; border-left-width: thin; border-left-color: #800000">
<asp:LinkButton ID="LinkButton1" runat="server" style="font-style: italic; color: #FF0000; background-color: #FFFFFF" PostBackUrl="./Admin/frmPasswordReset.aspx">Forgot my password or Usernameasp:LinkButton>
td>
tr>
<tr>
<td class="auto-style6" colspan="2" style="text-align: left; border-left-style: solid; border-left-width: thin; border-left-color: #800000;">
<asp:Label ID="lblMsg" runat="server" Visible="False">asp:Label>
td>
tr>
<tr>
<td colspan="3" >
<%-- <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="image/Submit.png" OnClick="ImageButton1_Click1" />
<asp:ImageButton ID="ImageButton2" runat="server" ImageUrl="image/Clear1.png" OnClick="ImageButton2_Click" />--%>
<div class="bg-primary text-center">
<button type="submit" id="btnSave" runat="server" onserverclick="btnSave_Click" class="btn btn-success">Login <span class="glyphicon glyphicon-log-in">span> button>
<button type="submit" id="Button1" runat="server" onserverclick="Button1_Click" class="btn btn-danger">Reset <span class="glyphicon glyphicon-remove">span> button>
div>
td>
tr>
table>
div>
<div class="col-sm-4">
div>
div>
div>
form>
<script src="Scripts/bootstrap.min.js" type="text/javascript">script>
<script src="Scripts/jquery-1.9.1.min.js" type="text/javascript">script>
body>
html>

please i need your kind advice on how to solve this challenge.

thank you all

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Dharmraj Thakur9y ago
Change your js order like this.....
<script src="Scripts/jquery-1.9.1.min.js" type="text/javascript">script>
<script src="Scripts/bootstrap.min.js" type="text/javascript">script>
+1
Abraham Olatubosun9y ago
Hi code masters, i strongly need your help please with the above challange.

thank you all
+1
Abraham Olatubosun9y ago
Hi Manas Mohapatra thanks for your response, actually i reference the bootstrap location correctly as you can see from my UI html above, i recently did F12, from the browser web developer tool i saw this error " Failed to load resource: the server responded with a status of 404 (Not Found)".
my reference shown below :
"../content/bootstrap.min.css" rel="stylesheet" type="text/css" />
the reference at the bottom above
"../script/jquery-1.9.1.min.js" type="text/javascript">
"../script/bootstrap.min.js" type="text/javascript">
please any solution?
thank you all
+1
Manas Mohapatra9y ago
Please enable browser developer toolby pressing F12 and see in console tab if there is any issue.

Secondly, please make sure all JS and CSS files are referred properly and sequentially in your page. Otherwise it will load but it won't display correctly..
+1