Abraham Olatubosun

Abraham Olatubosun

  • NA
  • 471
  • 107.1k

Webpage not working with Bootstrap

May 23 2017 7:18 AM
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 :
  1. <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="frmLoginapp.aspx.cs" Inherits="frmLoginapp" %>  
  2.   
  3. >  
  4.   
  5. <html xmlns="http://www.w3.org/1999/xhtml">  
  6. <head runat="server">  
  7.     <title>title>  
  8.     <link href="Content/bootstrap.min.css" rel="stylesheet" type="text/css" />  
  9. head>  
  10. <body  class="body">  
  11.   
  12.     <form id="form1" runat="server">  
  13.     <div style="margin-top:50px;">  
  14.       
  15.      
  16.          <div class="row">  
  17.              <div class="col-sm-2">  
  18.   
  19.              div>  
  20.              <div class=" col-sm-6">  
  21.                <div class="text-center bg-primary">  
  22.                   <h3>Loginh3>  
  23.                div>  
  24.             <table class="table" style="border: thin dotted #800080">  
  25.                   
  26.                 <tr>  
  27.                     <td class="auto-style5" rowspan="5" style="vertical-align: top; text-align: left">  
  28.   
  29.                         <asp:Image ID="Image2" runat="server" ImageUrl="image/Login1.jpg" />  
  30.                        <%-- <img src="image/Login1.jpg" class=" img-rounded" alt="Login-Logo" />--%>  
  31.                     td>  
  32.                     <td class="auto-style6" style="border-left-style: solid; border-left-width: thin; border-left-color: #800000">  
  33.                          td>  
  34.                     <td>  
  35.                          td>  
  36.                 tr>  
  37.                 <tr>  
  38.                     <td class="auto-style6" style="border-left-style: solid; border-left-width: thin; border-left-color: #800000">  
  39.                         <asp:Label ID="Label1" runat="server" Text="User Name :">asp:Label>  
  40.                     td>  
  41.                     <td>  
  42.                         <asp:TextBox ID="txtname" runat="server" Width="91%">asp:TextBox>  
  43.                     td>  
  44.                 tr>  
  45.                 <tr>  
  46.                     <td class="auto-style6" style="border-left-style: solid; border-left-width: thin; border-left-color: #800000">  
  47.                         <asp:Label ID="Label2" runat="server" Text="Password :">asp:Label>  
  48.                     td>  
  49.                     <td>  
  50.                         <asp:TextBox ID="txtpassword" runat="server" Width="206px" TextMode="Password">asp:TextBox>  
  51.                     td>  
  52.                 tr>  
  53.                 <tr>  
  54.                     <td class="auto-style6" colspan="2" style="border-left-style: solid; border-left-width: thin; border-left-color: #800000">  
  55.                         <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>  
  56.                     td>  
  57.                 tr>  
  58.                 <tr>  
  59.                     <td class="auto-style6" colspan="2" style="text-align: left; border-left-style: solid; border-left-width: thin; border-left-color: #800000;">  
  60.                         <asp:Label ID="lblMsg" runat="server" Visible="False">asp:Label>  
  61.                     td>  
  62.                 tr>  
  63.                 <tr>  
  64.                     <td colspan="3" >  
  65.                        <%-- <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="image/Submit.png"  OnClick="ImageButton1_Click1"   />  
  66.                         <asp:ImageButton ID="ImageButton2" runat="server" ImageUrl="image/Clear1.png" OnClick="ImageButton2_Click"  />--%>  
  67.                         <div class="bg-primary text-center">  
  68.                             <button type="submit" id="btnSave" runat="server" onserverclick="btnSave_Click" class="btn btn-success">Login <span class="glyphicon glyphicon-log-in">span>   button>  
  69.                             <button type="submit" id="Button1" runat="server" onserverclick="Button1_Click" class="btn btn-danger">Reset <span class="glyphicon glyphicon-remove">span>   button>  
  70.   
  71.                         div>  
  72.                           
  73.                     td>  
  74.                 tr>  
  75.             table>  
  76.   
  77.              div>  
  78.              <div class="col-sm-4">  
  79.   
  80.              div>  
  81.          div>  
  82.          
  83.       
  84.     div>  
  85.     form>  
  86.     <script src="Scripts/bootstrap.min.js" type="text/javascript">script>  
  87.     <script src="Scripts/jquery-1.9.1.min.js" type="text/javascript">script>  
  88. body>  
  89. html>  
please i need your kind advice on how to solve this challenge.
thank you all 
 
 
 

Answers (4)