Home/ Questions/Q 9025833
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T06:22:25+00:00

I downloaded the Bootstrap code from their site. I wrote following HTML file in

  • 0

I downloaded the Bootstrap code from their site. I wrote following HTML file in the bootstrap directory (so that the relative paths are correct)

<!DOCTYPE html>


<html lang = "en">

<head>
<title>Test</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>

</head>
<body>

Hello world
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separated link</a></li>
</ul>

</body>
</html>

When I open that file in chrome, I do not see anything else except “Hello World”.
I have seen another question Why is my Bootstrap code not working?
I have taken care that relative paths are correct, but code is still not working.
I am sure its something very silly. Can anyone help me spot it?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Bootstrap will be working fine, your problem is that you’ve copied and pasted the wrong bit of code from the bootstrap documentation.

    It looks like you’ve just copied and pasted the code found at the top of the components.html page here.

    This is done purely illustratively of what is possible. If you were wanting just this to show up, you’d want to change it too:

    <ul class='dropdown-menu' role='menu' aria-labelledby='dropdownMenu' style='display: block; position: static'>

    For actual useful-ness though, you want to read this section of the documentation which will tell you how to use it usefully.

    JSFiddle of it correctly working

    • 0