Javascript 引导自动将项目堆叠在彼此的顶部_Javascript_Css_Angularjs_Twitter Bootstrap

Javascript 引导自动将项目堆叠在彼此的顶部

javascript css angularjs twitter-bootstrap

Javascript 引导自动将项目堆叠在彼此的顶部,javascript,css,angularjs,twitter-bootstrap,Javascript,Css,Angularjs,Twitter Bootstrap,我正在创建一个引导网站，我有一个问题。我的左手侧边栏将始终堆叠在网站中其他项目的顶部这将是主页。在PTech所在的位置，它将被移动到页面的左侧 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html ng-app="employee"> <head> <meta http-equiv="Con

我正在创建一个引导网站，我有一个问题。我的左手侧边栏将始终堆叠在网站中其他项目的顶部

这将是主页。在PTech所在的位置，它将被移动到页面的左侧

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html ng-app="employee">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="./CSS/style.css">
<link rel="stylesheet" type="text/css" href="./CSS/bootstrap.css">    
<title>Main Menu</title>
</head>
<body ng-controller="funct">
    <div class="container-fluid">
        <div class="row">
            <div class="span12">
            <h1>Employee Database</h1>
            <hr />
        </div>
        <div class="navbar span 3">
            <div class="navbar-inner span 3">
                <ul class="nav nav-tabs span 3">
                <li><a href="#">Home</a></li>
                <li class="divider-vertical"></li>
                <li><a href="#">About</a></li>
                <li class="divider-vertical"></li>
                <li><a href="#">Contact</a></li>
            </ul>
            </div>
        </div>
        </div>          
        <div class="span2">
            PTech
        </div>      
        <ng-view> </ng-view>
        </div>
        <div id="footer" class="footer">
        <a href="index.html">Main</a> | <a href="aboutDev.html">About               Developer</a>            
    </div>
</body>
<script
    src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
<script
    src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular-route.js"></script>

<script src="./JS/index.js"></script>
<script src="./JS/bootstrap.js"></script>
</html>


主菜单
员工数据库








普泰克
|

位于ng视图内部的我的登录部分

<div class ="well" ng-model="login">
    <br />Username:
    <br/><input type="text" class="span3" placeholder="username" name="username" id="username" ng-model="username">
    <br />Password:
    <br/><input type="password" class = "span3" placeholder="password" name="password" id="password" ng-model="password">
    <br />
    <input type="submit" class="btn btn-primary"value="Sign in" ng-click="signIn()"> {{message}}            
</div>



用户名：



密码：




{{message}}

我不确定我是否正确理解了这个问题，但行似乎与跨度不一致。我还注意到您的代码中的span 3应该是span 3

我想每一行都是由12个空格组成的。如果您想要一个左手边栏，例如，将行划分为span3和span9，并将左手项放在span3 div中，其余内容放在span9 div中

在

行

类的

子div中指定col-sm-4
或任何其他列大小。文档可以在这里找到：
您不需要在divs中指定col-sm-4
类吗？是的，就是这样，总是伪造一些东西