Favian Ioel P Favian Ioel P - 1 year ago 66
CSS Question

How do i pull left & right the <ul> and let the nav-pills work in bootstrap

so if i put the class="nav nav-pills" before the class="pull-right" it's dosen't work and the other way dosen't work to how i could resolve this problem .

<!DOCTYPE html>
<html lang="en">
<style type="text/css">
<?php include('style.css'); ?>
<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>


<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 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>


<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 class="form-group">
<label for="pwd">Password:</label>
<input type="password" class="form-control" id="pwd" placeholder="Enter password">
<div class="checkbox">
<label><input type="checkbox"> Remember me</label>
<button type="submit" class="btn btn-default">Submit</button>


thanks for every help and sorry for my bad english .

Answer Source

you must have the class name in the same class tag, like this:

 <ul  class="nav nav-pills pull-left" role="tablist" >

this way is not gonna work

 <ul  class="pull-left" class="nav nav-pills" role="tablist" >
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download