Can't figure out what's wrong with my code, help


#1

I am using bootstrap.
And I wrote this code, seems nothing wrong in it but when I check in browser the "home" is not first and it is not like other 2 dynamic options. here is the code:

    <div class="jumbotron">
 <center><h3>Anymes.Com</h3></center>
</div>
  <div class="nav">
    <ul class="nav nav-tabs"
        <li><a data-toggle="tab" href="#home">Home</a></li>
        <li><a data-toggle="tab" href="#contact">Contact</a></li>
        <li><a data-toggle="tab" href="#lists">Lists</a></li>
	</ul>
	
	<div class="tab-content">
	 <div id="home" class="tab-pane fade in active">
	    <h3>Home</h3>
		<p>Some content</p>
	 </div>
	 
	 <div id="contact" class="tab-pane fade">
	    <h3>Contact</h3>
		<p>Just some info</p>
	</div>
	
	<div id="lists" class="tab-pane fade">
	    <h3>Anime List</h3>
		<p>Just some content.</p>
	</div>
   </div>

#2

Unclosed tag...

<ul class="nav nav-tabs">