Question

我有一个包裹在引导包装器周围的表单，它导致我的徽标将导航推到自身下方。很奇怪。

enter image description here

知道如何覆盖这种风格吗？我认为这是因为它阻止了？我尝试使用：

<form id="ScriptManager" runat="server"  style="margin: 0; padding: 0;">

并不影响所有。

我页面上的代码与下面的管理LTE索引页面上的代码相同。我已经移动了myform以包含页面上的所有div。

<!DOCTYPE html>
<html>
    <head runat="server">
        <meta charset="UTF-8">
        <title>Site ~ Project Tracking Dashboard</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="../../dash_css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="../../dash_css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="../../dash_css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="../../dash_css/AdminLTE.css" rel="stylesheet" type="text/css" />
        <!-- jQUI CSS -->
        <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">

    </head>
    <body class="skin-blue">
        <!-- header logo: style can be found in header.less -->
        <!-- search form -->
        <form id="ScriptManager" runat="server"  style="margin: 0 !important; padding: 0 !important;">
        <header class="header">
            <a href="../../index.html" class="logo">
                <img src="/Images/LargeDark.svg" class="icon" width="130" alt="ArchiTrack Logo" />
            </a>
            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top" role="navigation">
                <!-- Sidebar toggle button-->
                <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <div class="navbar-right">
                    ....NAV BAR RIGHT
                </div>
            </nav>
        </header>
        <div class="wrapper row-offcanvas row-offcanvas-left">
            <!-- Left side column. contains the logo and sidebar -->
            <aside class="left-side sidebar-offcanvas">                
                <!-- sidebar: style can be found in sidebar.less -->
                <section class="sidebar">
                    <!-- Sidebar user panel -->
                    ....USER PANEL
                </section>
                <!-- /.sidebar -->
            </aside>

            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side">                
                <!-- Content Header (Page header) -->
                <section class="content-header">
                    <h1>Dashboard<small> ~Site Name</small></h1>
                    <ol class="breadcrumb">
                        <li><a href="#"><i class="fa fa-dashboard"></i> Dashboard</a></li>
<%--                        <li><a href="#">Projects</a></li>--%>
                        <li><a href="#">Tasks</a></li>
                        <li class="active">Incomplete</li>
<%--                        <li class="active">Complete</li>
                        <li><a href="#">Timesheets</a></li>
                        <li><a href="#">Mailbox</a></li>
                        <li><a href="#">Preferences</a></li>
                        <li><a href="#">Calendar</a></li>
                        <li><a href="#">Comments</a></li>
                        <li><a href="#">User Directory</a></li>
                        <li class="active">Blank page</li>--%>
                    </ol>
                </section>

                <!-- Main content -->
                <section class="content">

                    ....CONTENT

                </section><!-- /.content -->

            </aside><!-- /.right-side -->

        </div><!-- ./wrapper -->

        </form>
        <!-- jQuery 2.0.2 -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
        <!-- Bootstrap -->
        <script src="../../dash_js/bootstrap.min.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="../../dash_js/AdminLTE/app.js" type="text/javascript"></script>
        <!-- AdminLTE for demo purposes 
        <script src="js/AdminLTE/demo.js" type="text/javascript"></script>-->

        <!-- jQuery UI -->
        <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
        <script>
            $(function () {
                $(".dPicker").datepicker();
            });
      </script>
      <!-- jQuery UI -->

    </body>
</html

我的表单正在为我的页面添加填充

0 个答案: