For some unknown reason, my bootstrap css include is causing my sites "listitems > a " to be a small height. I tried many overrides but nothing seems to work. can you have a look and see why?
<%@ Control Language="vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %> <%@ Register TagPrefix="dnn" TagName="LANGUAGE" Src="~/Admin/Skins/Language.ascx" %> <%@ Register TagPrefix="dnn" TagName="LOGO" Src="~/Admin/Skins/Logo.ascx" %> <%@ Register TagPrefix="dnn" TagName="SEARCH" Src="~/Admin/Skins/Search.ascx" %> <%@ Register TagPrefix="dnn" TagName="NAV" Src="~/Admin/Skins/Nav.ascx" %> <%@ Register TagPrefix="dnn" TagName="TEXT" Src="~/Admin/Skins/Text.ascx" %> <%@ Register TagPrefix="dnn" TagName="USER" Src="~/Admin/Skins/User.ascx" %> <%@ Register TagPrefix="dnn" TagName="LOGIN" Src="~/Admin/Skins/Login.ascx" %> <%@ Register TagPrefix="dnn" TagName="LINKS" Src="~/Admin/Skins/Links.ascx" %> <%@ Register TagPrefix="dnn" TagName="PRIVACY" Src="~/Admin/Skins/Privacy.ascx" %> <%@ Register TagPrefix="dnn" TagName="TERMS" Src="~/Admin/Skins/Terms.ascx" %> <%@ Register TagPrefix="dnn" TagName="COPYRIGHT" Src="~/Admin/Skins/Copyright.ascx" %> <%@ Register TagPrefix="dnn" TagName="LINKTOMOBILE" Src="~/Admin/Skins/LinkToMobileSite.ascx" %> <%@ Register TagPrefix="dnn" Namespace="DotNetNuke.Web.DDRMenu.TemplateEngine" Assembly="DotNetNuke.Web.DDRMenu" %> <%@ Register TagPrefix="dnn" TagName="MENU" Src="~/DesktopModules/DDRMenu/Menu.ascx" %> <%@ Register TagPrefix="dnn" TagName="CONTROLPANEL" Src="~/Admin/Skins/controlpanel.ascx" %> <%@ Register TagPrefix="dnn" TagName="Meta" Src="~/Admin/Skins/Meta.ascx" %> <%@ Register TagPrefix="dnn" Namespace="DotNetNuke.Web.Client.ClientResourceManagement" Assembly="DotNetNuke.Web.Client" %> <%@ Register TagPrefix="dnn" TagName="JQUERY" Src="~/Admin/Skins/jQuery.ascx" %> <dnn:JQUERY runat="server" id="dnnjQuery" jQueryHoverIntent="true" /> <dnn:Meta runat="server" Name="viewport" Content="width=device-width, initial-scale=1" /> <dnn:DnnCssInclude runat="server" FilePath="Tidy/css/Tidy.css" PathNameAlias="SkinPath"/> <dnn:DnnJsInclude runat="server" FilePath="Tidy/js/tidy.js" PathNameAlias="SkinPath" /> <dnn:DnnCssInclude ID="customCSS" runat="server" FilePath="css/skin.css" PathNameAlias="SkinPath" Priority="10" /> <dnn:DnnJsInclude ID="customJS" runat="server" FilePath="js/scripts.js" PathNameAlias="SkinPath" AddTag="false" Priority="9" /> <dnn:DnnJsInclude ID="bootstrapJS" runat="server" FilePath="js/bootstrap.min.js" PathNameAlias="SkinPath" Priority="7" /> <dnn:DnnCSSInclude ID="bootstrapCss" runat="server" Filepath="css/bootstrap.css" PathNameAlias="SkinPath" Priority="8" /> <div class="pageWidth"> <div class="buttonDiv clearfix"> <div class="loginLinks"> <dnn:USER ID="dnnUser" runat="server" LegacyMode="false" /> <dnn:LOGIN ID="dnnLogin" CssClass="LoginLink" runat="server" LegacyMode="false" /> </div> </div> </div> <div id="siteHeadinner" class="container"> <div class="container" style=" margin-bottom: 15px;"> <dnn:LOGO runat="server" id="dnnLOGO" /> </div> </div> <!--My Home Page--> <div class="container" > <div class="navbar navbar-nav navbar-tellralf" role="navigation" style="-webkit-box-shadow: 2px 2px 2px 0px #6a6a6a;"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar-collapse collapse"> <dnn:MENU MenuStyle="BootstrapMenu" class="inline" runat="server"></dnn:MENU> <!----> </div> <!--/.nav-collapse --> </div> </div> </div> <div class="container" style="margin-top: 20px"> <!-- Live Content Bar--> <div class="container col-sm-2 hidden-xs" style="background-color: #fcfcfc; -webkit-box-shadow: 0px 0px 5px #999;box-shadow:1px 1px 1px 1px rgba(50, 50, 50, 0.65);;margin-bottom: 15px;"> <div Id="LivePane" class="row"> <div id="LivePane" runat="server"></div> </div> </div> <!--Main Content Bar --> <div class="container col-sm-9 col-sm-offset-1" style="background-color: #fcfcfc;-webkit-box-shadow: 0px 0px 5px #999;box-shadow:1px 1px 1px 1px rgba(50, 50, 50, 0.65);margin-bottom: 15px;"> <div Id="ContentPane" class="row"> <div id="ContentPane" runat="server"></div> </div> </div> </div>