javascript - When step am I missing from moving a premade code from Codepen into my Brackets project? -


here codepen i'm trying working: http://codepen.io/bounasser-abdelwahab/pen/ruiky

here head of index.html file in brackets project:

<head>             <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">     <link type="text/css" rel="stylesheet" href="css/style.css" />       <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> </head> 

when try run this, runs 90% correctly, it's not complete match. menu misaligned, , can see bullet points weren't there before, , padding wrong.

how can complete replication of codepen code own project?

edit: here image of how mine coming out: http://i.imgur.com/f3o0yqf.png

edit 2:

here modified html. problem persisting.

<!doctype html> <!--  --> <html lang="en">     <head>         <link type="text/css" rel="stylesheet" href="css/style.css" />         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>         <script src="js/init.js"></script>     </head>       <body>  <ul class="navbar cf">             <li><a href="#">item 2</a></li>             <li><a href="#">item 3</a>                 <ul>                     <li><a href="#">sub item 1</a></li>                     <li><a href="#">sub item 2</a></li>                     <li><a href="#">sub item 3</a>                         <ul>                             <li><a href="#">google</a></li>                             <li><a href="">yahoo!</a></li>                             <li><a href="">jquery</a>                                 <ul>                                     <li><a href="#">sub sub item 1</a></li>                                     <li><a href="#">sub sub item 2</a>                                         <ul>                                             <li><a href="#">sub sub sub item 1</a></li>                                             <li><a href="#">sub sub sub item 2</a></li>                                             <li><a href="#">sub sub sub item 3</a>                       <ul>                         <li><a href="#">sub item 1</a></li>                         <li><a href="#">sub item 2</a></li>                         <li><a href="#">sub item 3</a></li>                       </ul>                       </li>                                         </ul>                                     </li>                                     <li><a href="#">sub sub item 3</a></li>                                     <li><a href="#">sub sub item 4</a></li>                                     <li><a href="#">sub sub item 5</a>                    </li>                                 </ul>                             </li>                         </ul>                     </li>                     <li><a href="#">item little longer</a></li>                 </ul>             </li>             <li><a href="#">item 4</a></li>             <li><a href="#">item 5</a></li>         </ul>          </body> </html> 

here class resolve issues:

`ol, ul { list-style: outside none none; }` 

Comments

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

gradle error "Cannot convert the provided notation to a File or URI" -

python - NameError: name 'subprocess' is not defined -