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
Post a Comment