Html 引导导航采用100%高度
这是我的主页:Html 引导导航采用100%高度,html,twitter-bootstrap,jsp,jstl,sidebar,Html,Twitter Bootstrap,Jsp,Jstl,Sidebar,这是我的主页: <%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <!DOCTYPE html> <html lang="en"> <head> <title>TITLE</title&g
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
<title>TITLE</title>
<link href="/resources/css/bootstrap.css" rel="stylesheet" type="text/css"/>
<link href="/resources/css/myStyle.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<jsp:include page="parts/header.jsp"/>
<jsp:include page="parts/leftMenu.jsp"/>
<h2>WELCOME IN MY STORE!!!</h2>
<h2>WELCOME IN MY STORE!!!</h2>
...
<h2>WELCOME IN MY STORE!!!</h2>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="/resources/js/bootstrap.min.js"></script>
</body>
</html>
但这并不是我想要的
如何修复它?尝试设置
位置:绝对代码>
这是一个有效的解决方案嗯,它在我的引导程序中起了作用。min高度:100%代码>和位置:绝对代码>在.navbar
类上。你能在JSFIDLE中设置吗?我试着在JSFIDLE中设置,但它会在另一个的基础上使用JSFIDLE检查更新的答案。只需调整预览窗口的大小即可获得非响应版本
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="nav nav-pills nav-stacked col-lg-1">
<c:forEach items="${categoryNames}" var="category">
<c:choose>
<c:when test="${category.getSubCategories().size()>'0'}">
<li><a data-toggle="collapse" href="#${category.getName().toLowerCase()}">${category.getName()}<span
class="caret"/></a></li>
<ul id="${category.getName().toLowerCase()}" class="collapse">
<c:forEach items="${category.getSubCategories()}" var="subCategory">
<li><a href="category/${category.getId()}/${subCategory.getId()}">${subCategory.getName()}</a>
</li>
</c:forEach>
</ul>
</c:when>
<c:otherwise>
<li><a href="category/${category.getId()}/0">${category.getName()}</a></li>
</c:otherwise>
</c:choose>
</c:forEach>
</div>
.nav {
height: 100%;
min-height: 100%;
}