如果我将 class="nav nav-pills"
放在 class="pull-right"
之前,它就不起作用。那么,我该如何解决这个问题。
<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
<?php include('style.css'); ?>
</style>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>
<body>
<div class="nav " >
<div class="container">
<ul class="pull-left" class="nav nav-pills" role="tablist" >
<li><a href="rub1ck.php">About Us</a></li>
<li><a href="#">Expertise</a></li>
<li><a href="#">work</a></li>
</ul>
<ul class="pull-right" class="nav nav-pills" role="tablist" >
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
<li><a href="login.php"class="btn btn-default" role="button" >Login</a></li>
</ul>
</div>
</div>
<div class="container">
<h2>Log in</h2>
<form role="form">
<div class="form-group">
<label for="username">Username:</label>
<input type="username" class="form-control" id="username" placeholder="Enter username">
</div>
<div class="form-group">
<label for="pwd">Password:</label>
<input type="password" class="form-control" id="pwd" placeholder="Enter password">
</div>
<div class="checkbox">
<label><input type="checkbox"> Remember me</label>
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</div>
</body>
</html>
感谢您的帮助。 这是我第一次学习 Html :))
最佳答案
类名必须在同一个类标签中,如下所示:
<ul class="nav nav-pills pull-left" role="tablist" >
这种方式行不通
<ul class="pull-left" class="nav nav-pills" role="tablist" >
关于html - 如何左右拉动 <ul> 标签 - Bootstrap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33855692/