Question

我想知道如何根据正文页面对齐所有组件？

这是我的代码：

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Login &middot; Leave System</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link href="css/bootstrap.css" rel="stylesheet" media="screen">
<link href="css/custom.css" rel="stylesheet" media="screen">
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
</head>
<body>

<div class="navbar navbar-inverse navbar-fixed-bottom">
    <div class="navbar-inner">
        <div class="container">

            <div class="nav-collapse collapse">
                <ul class="nav">
                    <li class="divider vertical"><a href="">Company</a></li>
                    <li class=""><a href="">Education</a></li>
                    <li class=""><a href="">Consulting</a></li>
                    <li class=""><a href="">Projects</a></li>
                    <li class=""><a href="">Research</a></li>
                    <li class=""><a href="">Blogs</a></li>

                </ul>
            </div>
        </div>


    </div>
</div>

我从我的研究中尝试了一些东西。我发现向右拉或文本对齐=居中。没什么可行的，他是我的页脚截图...

或者他们只能是链接。当然，它们必须对齐。提前谢谢。

Answer 1

将其包装在.container中

<div class="container">
...
</div>

页脚导航栏组件在Twitter Bootstrap中对齐中心？

1 个答案: