jQuery broken? Bootstrap not working properly ON BOOTSTRAP SITE visiting with development machine only












1















On the Bootstarp site discovered the dropdown example's not working. I thought the BS site was broken - it isn't. It is just on this machine. I am worried as I may be getting false negatives as I try to hack some jQuery together (I am NOT a skilled programmer.)



The dropdown site. I presume it works for everyone else.




This is how it looks BEFORE I click on anything.



I tired this on another machine and it worked just fine.



I have tried everything I can think of:

I have rebooted and NOT started Xampp,

I have cleared the chance,

I have tried the sites in Edge.



I emphasise it is ONLY on THIS Windows 10 machine.



Ideas greatly appreciated. I am beyond confused and fear some of my "damn it won't work" moments in jQuery could be false negatives.



Offering my first ever bounty as doing lots of jQuery and I often do mnot understand the results.










share|improve this question

























  • I have the same result, dropdown opened before clicking anywhere, and staying open. I'm on a dev machine, too, but not using JQuery.

    – Kevin FONTAINE
    Nov 16 '18 at 12:47











  • Note that this happen only on this specific example. Other examples on the page works as intended.

    – Kevin FONTAINE
    Nov 16 '18 at 12:49











  • @KevinFONTAINE for me on the main machine the dropup works proper BUT getbootstrap.com/docs/3.3/components/#dropdowns-headers also does not work IE it is pre-opened. More later.

    – BeNice
    Nov 16 '18 at 13:41
















1















On the Bootstarp site discovered the dropdown example's not working. I thought the BS site was broken - it isn't. It is just on this machine. I am worried as I may be getting false negatives as I try to hack some jQuery together (I am NOT a skilled programmer.)



The dropdown site. I presume it works for everyone else.




This is how it looks BEFORE I click on anything.



I tired this on another machine and it worked just fine.



I have tried everything I can think of:

I have rebooted and NOT started Xampp,

I have cleared the chance,

I have tried the sites in Edge.



I emphasise it is ONLY on THIS Windows 10 machine.



Ideas greatly appreciated. I am beyond confused and fear some of my "damn it won't work" moments in jQuery could be false negatives.



Offering my first ever bounty as doing lots of jQuery and I often do mnot understand the results.










share|improve this question

























  • I have the same result, dropdown opened before clicking anywhere, and staying open. I'm on a dev machine, too, but not using JQuery.

    – Kevin FONTAINE
    Nov 16 '18 at 12:47











  • Note that this happen only on this specific example. Other examples on the page works as intended.

    – Kevin FONTAINE
    Nov 16 '18 at 12:49











  • @KevinFONTAINE for me on the main machine the dropup works proper BUT getbootstrap.com/docs/3.3/components/#dropdowns-headers also does not work IE it is pre-opened. More later.

    – BeNice
    Nov 16 '18 at 13:41














1












1








1








On the Bootstarp site discovered the dropdown example's not working. I thought the BS site was broken - it isn't. It is just on this machine. I am worried as I may be getting false negatives as I try to hack some jQuery together (I am NOT a skilled programmer.)



The dropdown site. I presume it works for everyone else.




This is how it looks BEFORE I click on anything.



I tired this on another machine and it worked just fine.



I have tried everything I can think of:

I have rebooted and NOT started Xampp,

I have cleared the chance,

I have tried the sites in Edge.



I emphasise it is ONLY on THIS Windows 10 machine.



Ideas greatly appreciated. I am beyond confused and fear some of my "damn it won't work" moments in jQuery could be false negatives.



Offering my first ever bounty as doing lots of jQuery and I often do mnot understand the results.










share|improve this question
















On the Bootstarp site discovered the dropdown example's not working. I thought the BS site was broken - it isn't. It is just on this machine. I am worried as I may be getting false negatives as I try to hack some jQuery together (I am NOT a skilled programmer.)



The dropdown site. I presume it works for everyone else.




This is how it looks BEFORE I click on anything.



I tired this on another machine and it worked just fine.



I have tried everything I can think of:

I have rebooted and NOT started Xampp,

I have cleared the chance,

I have tried the sites in Edge.



I emphasise it is ONLY on THIS Windows 10 machine.



Ideas greatly appreciated. I am beyond confused and fear some of my "damn it won't work" moments in jQuery could be false negatives.



Offering my first ever bounty as doing lots of jQuery and I often do mnot understand the results.







javascript jquery windows twitter-bootstrap-3 inference






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 16 '18 at 12:34







BeNice

















asked Nov 13 '18 at 19:03









BeNiceBeNice

71711026




71711026













  • I have the same result, dropdown opened before clicking anywhere, and staying open. I'm on a dev machine, too, but not using JQuery.

    – Kevin FONTAINE
    Nov 16 '18 at 12:47











  • Note that this happen only on this specific example. Other examples on the page works as intended.

    – Kevin FONTAINE
    Nov 16 '18 at 12:49











  • @KevinFONTAINE for me on the main machine the dropup works proper BUT getbootstrap.com/docs/3.3/components/#dropdowns-headers also does not work IE it is pre-opened. More later.

    – BeNice
    Nov 16 '18 at 13:41



















  • I have the same result, dropdown opened before clicking anywhere, and staying open. I'm on a dev machine, too, but not using JQuery.

    – Kevin FONTAINE
    Nov 16 '18 at 12:47











  • Note that this happen only on this specific example. Other examples on the page works as intended.

    – Kevin FONTAINE
    Nov 16 '18 at 12:49











  • @KevinFONTAINE for me on the main machine the dropup works proper BUT getbootstrap.com/docs/3.3/components/#dropdowns-headers also does not work IE it is pre-opened. More later.

    – BeNice
    Nov 16 '18 at 13:41

















I have the same result, dropdown opened before clicking anywhere, and staying open. I'm on a dev machine, too, but not using JQuery.

– Kevin FONTAINE
Nov 16 '18 at 12:47





I have the same result, dropdown opened before clicking anywhere, and staying open. I'm on a dev machine, too, but not using JQuery.

– Kevin FONTAINE
Nov 16 '18 at 12:47













Note that this happen only on this specific example. Other examples on the page works as intended.

– Kevin FONTAINE
Nov 16 '18 at 12:49





Note that this happen only on this specific example. Other examples on the page works as intended.

– Kevin FONTAINE
Nov 16 '18 at 12:49













@KevinFONTAINE for me on the main machine the dropup works proper BUT getbootstrap.com/docs/3.3/components/#dropdowns-headers also does not work IE it is pre-opened. More later.

– BeNice
Nov 16 '18 at 13:41





@KevinFONTAINE for me on the main machine the dropup works proper BUT getbootstrap.com/docs/3.3/components/#dropdowns-headers also does not work IE it is pre-opened. More later.

– BeNice
Nov 16 '18 at 13:41












2 Answers
2






active

oldest

votes


















2





+50









As I said in comment, the other dropdown examples on the page are working correctly.



There is a specific CSS rule on this one :



.bs-example>.dropdown>.dropdown-menu {
position: static;
display: block;
margin-bottom: 5px;
clear: left;
}


That make it stay open.
If you disable the display: block you get the dropdown working as normal.



I suppose that they did it for example purpose, but I have trouble to see the point of it.
Anyway, don't worry, the whole bootstrap is not broken.



That being said, I don't know why it is not like this on your other computers. Maybe are they using an older cached version ?






share|improve this answer



















  • 1





    Grovel. Just went back to second machine and voila it is NOT working ... which means it IS just on the web site. Also I misunderstood you last comment.

    – BeNice
    Nov 20 '18 at 18:25






  • 1





    Kevin thanks but I weep as I give you 50 of my low number of points. Mind you one thing makes me very happy - you seem to have a low score (336 really?) so giving you the 50 will be great for you. Thanks for all your hard work.

    – BeNice
    Nov 20 '18 at 18:35











  • @BeNice Sorry to hear that, but thank you very much. I hope this will help you get at ease with the framework. I am often on client premise and can connect to my account, so my reputation build up slowly, but thanks again.

    – Kevin FONTAINE
    Nov 22 '18 at 8:26



















0














There is no Bug here. what they did is perfectly alright. they implemented events for # for this part of their website and they have overridden the default implementation i guess. It works fine in my works. Copy the example and see it for yourself:



check this. directly copied from the bootstrap site:
https://jsbin.com/lopohemahu/edit?html,output



    <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
</body>
</html>





share|improve this answer
























  • Sorry don't think you understand. I was not saying that the code was wrong. Quite the contrary. I said it worked fine on the other machine but NOIT on this, my main machine. See the image.

    – BeNice
    Nov 16 '18 at 13:38











  • If you ran this code in your own web project in your machine(not running the bootstrap website) and it failed, It could be a browser issue.

    – Tazbir Bhuiyan
    Nov 16 '18 at 13:40











  • It was my browser (obviously!) visiting Bootstrap site and I am pretty sure it IS a browser issue.

    – BeNice
    Nov 16 '18 at 13:42











  • Tazbir another grovel as your code worked fine and, along with @Kevin FONTAINE, we have the answer. It is a DELIBERATE thing on the web site. The question is really a) did the dropdown on the other machine really work or was I just STUPID or b) ... well I am at a loss. Thanks for the effort. I am afraid Kevin gets the bonus and answer as he was here first but thanks a million especially for doing that code snippet.

    – BeNice
    Nov 20 '18 at 18:32











  • No prb man. I am glad i was able to help. Happy coding

    – Tazbir Bhuiyan
    Nov 21 '18 at 2:25











Your Answer






StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














draft saved

draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53287875%2fjquery-broken-bootstrap-not-working-properly-on-bootstrap-site-visiting-with-de%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown

























2 Answers
2






active

oldest

votes








2 Answers
2






active

oldest

votes









active

oldest

votes






active

oldest

votes









2





+50









As I said in comment, the other dropdown examples on the page are working correctly.



There is a specific CSS rule on this one :



.bs-example>.dropdown>.dropdown-menu {
position: static;
display: block;
margin-bottom: 5px;
clear: left;
}


That make it stay open.
If you disable the display: block you get the dropdown working as normal.



I suppose that they did it for example purpose, but I have trouble to see the point of it.
Anyway, don't worry, the whole bootstrap is not broken.



That being said, I don't know why it is not like this on your other computers. Maybe are they using an older cached version ?






share|improve this answer



















  • 1





    Grovel. Just went back to second machine and voila it is NOT working ... which means it IS just on the web site. Also I misunderstood you last comment.

    – BeNice
    Nov 20 '18 at 18:25






  • 1





    Kevin thanks but I weep as I give you 50 of my low number of points. Mind you one thing makes me very happy - you seem to have a low score (336 really?) so giving you the 50 will be great for you. Thanks for all your hard work.

    – BeNice
    Nov 20 '18 at 18:35











  • @BeNice Sorry to hear that, but thank you very much. I hope this will help you get at ease with the framework. I am often on client premise and can connect to my account, so my reputation build up slowly, but thanks again.

    – Kevin FONTAINE
    Nov 22 '18 at 8:26
















2





+50









As I said in comment, the other dropdown examples on the page are working correctly.



There is a specific CSS rule on this one :



.bs-example>.dropdown>.dropdown-menu {
position: static;
display: block;
margin-bottom: 5px;
clear: left;
}


That make it stay open.
If you disable the display: block you get the dropdown working as normal.



I suppose that they did it for example purpose, but I have trouble to see the point of it.
Anyway, don't worry, the whole bootstrap is not broken.



That being said, I don't know why it is not like this on your other computers. Maybe are they using an older cached version ?






share|improve this answer



















  • 1





    Grovel. Just went back to second machine and voila it is NOT working ... which means it IS just on the web site. Also I misunderstood you last comment.

    – BeNice
    Nov 20 '18 at 18:25






  • 1





    Kevin thanks but I weep as I give you 50 of my low number of points. Mind you one thing makes me very happy - you seem to have a low score (336 really?) so giving you the 50 will be great for you. Thanks for all your hard work.

    – BeNice
    Nov 20 '18 at 18:35











  • @BeNice Sorry to hear that, but thank you very much. I hope this will help you get at ease with the framework. I am often on client premise and can connect to my account, so my reputation build up slowly, but thanks again.

    – Kevin FONTAINE
    Nov 22 '18 at 8:26














2





+50







2





+50



2




+50





As I said in comment, the other dropdown examples on the page are working correctly.



There is a specific CSS rule on this one :



.bs-example>.dropdown>.dropdown-menu {
position: static;
display: block;
margin-bottom: 5px;
clear: left;
}


That make it stay open.
If you disable the display: block you get the dropdown working as normal.



I suppose that they did it for example purpose, but I have trouble to see the point of it.
Anyway, don't worry, the whole bootstrap is not broken.



That being said, I don't know why it is not like this on your other computers. Maybe are they using an older cached version ?






share|improve this answer













As I said in comment, the other dropdown examples on the page are working correctly.



There is a specific CSS rule on this one :



.bs-example>.dropdown>.dropdown-menu {
position: static;
display: block;
margin-bottom: 5px;
clear: left;
}


That make it stay open.
If you disable the display: block you get the dropdown working as normal.



I suppose that they did it for example purpose, but I have trouble to see the point of it.
Anyway, don't worry, the whole bootstrap is not broken.



That being said, I don't know why it is not like this on your other computers. Maybe are they using an older cached version ?







share|improve this answer












share|improve this answer



share|improve this answer










answered Nov 16 '18 at 12:56









Kevin FONTAINEKevin FONTAINE

39628




39628








  • 1





    Grovel. Just went back to second machine and voila it is NOT working ... which means it IS just on the web site. Also I misunderstood you last comment.

    – BeNice
    Nov 20 '18 at 18:25






  • 1





    Kevin thanks but I weep as I give you 50 of my low number of points. Mind you one thing makes me very happy - you seem to have a low score (336 really?) so giving you the 50 will be great for you. Thanks for all your hard work.

    – BeNice
    Nov 20 '18 at 18:35











  • @BeNice Sorry to hear that, but thank you very much. I hope this will help you get at ease with the framework. I am often on client premise and can connect to my account, so my reputation build up slowly, but thanks again.

    – Kevin FONTAINE
    Nov 22 '18 at 8:26














  • 1





    Grovel. Just went back to second machine and voila it is NOT working ... which means it IS just on the web site. Also I misunderstood you last comment.

    – BeNice
    Nov 20 '18 at 18:25






  • 1





    Kevin thanks but I weep as I give you 50 of my low number of points. Mind you one thing makes me very happy - you seem to have a low score (336 really?) so giving you the 50 will be great for you. Thanks for all your hard work.

    – BeNice
    Nov 20 '18 at 18:35











  • @BeNice Sorry to hear that, but thank you very much. I hope this will help you get at ease with the framework. I am often on client premise and can connect to my account, so my reputation build up slowly, but thanks again.

    – Kevin FONTAINE
    Nov 22 '18 at 8:26








1




1





Grovel. Just went back to second machine and voila it is NOT working ... which means it IS just on the web site. Also I misunderstood you last comment.

– BeNice
Nov 20 '18 at 18:25





Grovel. Just went back to second machine and voila it is NOT working ... which means it IS just on the web site. Also I misunderstood you last comment.

– BeNice
Nov 20 '18 at 18:25




1




1





Kevin thanks but I weep as I give you 50 of my low number of points. Mind you one thing makes me very happy - you seem to have a low score (336 really?) so giving you the 50 will be great for you. Thanks for all your hard work.

– BeNice
Nov 20 '18 at 18:35





Kevin thanks but I weep as I give you 50 of my low number of points. Mind you one thing makes me very happy - you seem to have a low score (336 really?) so giving you the 50 will be great for you. Thanks for all your hard work.

– BeNice
Nov 20 '18 at 18:35













@BeNice Sorry to hear that, but thank you very much. I hope this will help you get at ease with the framework. I am often on client premise and can connect to my account, so my reputation build up slowly, but thanks again.

– Kevin FONTAINE
Nov 22 '18 at 8:26





@BeNice Sorry to hear that, but thank you very much. I hope this will help you get at ease with the framework. I am often on client premise and can connect to my account, so my reputation build up slowly, but thanks again.

– Kevin FONTAINE
Nov 22 '18 at 8:26













0














There is no Bug here. what they did is perfectly alright. they implemented events for # for this part of their website and they have overridden the default implementation i guess. It works fine in my works. Copy the example and see it for yourself:



check this. directly copied from the bootstrap site:
https://jsbin.com/lopohemahu/edit?html,output



    <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
</body>
</html>





share|improve this answer
























  • Sorry don't think you understand. I was not saying that the code was wrong. Quite the contrary. I said it worked fine on the other machine but NOIT on this, my main machine. See the image.

    – BeNice
    Nov 16 '18 at 13:38











  • If you ran this code in your own web project in your machine(not running the bootstrap website) and it failed, It could be a browser issue.

    – Tazbir Bhuiyan
    Nov 16 '18 at 13:40











  • It was my browser (obviously!) visiting Bootstrap site and I am pretty sure it IS a browser issue.

    – BeNice
    Nov 16 '18 at 13:42











  • Tazbir another grovel as your code worked fine and, along with @Kevin FONTAINE, we have the answer. It is a DELIBERATE thing on the web site. The question is really a) did the dropdown on the other machine really work or was I just STUPID or b) ... well I am at a loss. Thanks for the effort. I am afraid Kevin gets the bonus and answer as he was here first but thanks a million especially for doing that code snippet.

    – BeNice
    Nov 20 '18 at 18:32











  • No prb man. I am glad i was able to help. Happy coding

    – Tazbir Bhuiyan
    Nov 21 '18 at 2:25
















0














There is no Bug here. what they did is perfectly alright. they implemented events for # for this part of their website and they have overridden the default implementation i guess. It works fine in my works. Copy the example and see it for yourself:



check this. directly copied from the bootstrap site:
https://jsbin.com/lopohemahu/edit?html,output



    <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
</body>
</html>





share|improve this answer
























  • Sorry don't think you understand. I was not saying that the code was wrong. Quite the contrary. I said it worked fine on the other machine but NOIT on this, my main machine. See the image.

    – BeNice
    Nov 16 '18 at 13:38











  • If you ran this code in your own web project in your machine(not running the bootstrap website) and it failed, It could be a browser issue.

    – Tazbir Bhuiyan
    Nov 16 '18 at 13:40











  • It was my browser (obviously!) visiting Bootstrap site and I am pretty sure it IS a browser issue.

    – BeNice
    Nov 16 '18 at 13:42











  • Tazbir another grovel as your code worked fine and, along with @Kevin FONTAINE, we have the answer. It is a DELIBERATE thing on the web site. The question is really a) did the dropdown on the other machine really work or was I just STUPID or b) ... well I am at a loss. Thanks for the effort. I am afraid Kevin gets the bonus and answer as he was here first but thanks a million especially for doing that code snippet.

    – BeNice
    Nov 20 '18 at 18:32











  • No prb man. I am glad i was able to help. Happy coding

    – Tazbir Bhuiyan
    Nov 21 '18 at 2:25














0












0








0







There is no Bug here. what they did is perfectly alright. they implemented events for # for this part of their website and they have overridden the default implementation i guess. It works fine in my works. Copy the example and see it for yourself:



check this. directly copied from the bootstrap site:
https://jsbin.com/lopohemahu/edit?html,output



    <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
</body>
</html>





share|improve this answer













There is no Bug here. what they did is perfectly alright. they implemented events for # for this part of their website and they have overridden the default implementation i guess. It works fine in my works. Copy the example and see it for yourself:



check this. directly copied from the bootstrap site:
https://jsbin.com/lopohemahu/edit?html,output



    <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
</body>
</html>






share|improve this answer












share|improve this answer



share|improve this answer










answered Nov 16 '18 at 12:50









Tazbir BhuiyanTazbir Bhuiyan

1,3441324




1,3441324













  • Sorry don't think you understand. I was not saying that the code was wrong. Quite the contrary. I said it worked fine on the other machine but NOIT on this, my main machine. See the image.

    – BeNice
    Nov 16 '18 at 13:38











  • If you ran this code in your own web project in your machine(not running the bootstrap website) and it failed, It could be a browser issue.

    – Tazbir Bhuiyan
    Nov 16 '18 at 13:40











  • It was my browser (obviously!) visiting Bootstrap site and I am pretty sure it IS a browser issue.

    – BeNice
    Nov 16 '18 at 13:42











  • Tazbir another grovel as your code worked fine and, along with @Kevin FONTAINE, we have the answer. It is a DELIBERATE thing on the web site. The question is really a) did the dropdown on the other machine really work or was I just STUPID or b) ... well I am at a loss. Thanks for the effort. I am afraid Kevin gets the bonus and answer as he was here first but thanks a million especially for doing that code snippet.

    – BeNice
    Nov 20 '18 at 18:32











  • No prb man. I am glad i was able to help. Happy coding

    – Tazbir Bhuiyan
    Nov 21 '18 at 2:25



















  • Sorry don't think you understand. I was not saying that the code was wrong. Quite the contrary. I said it worked fine on the other machine but NOIT on this, my main machine. See the image.

    – BeNice
    Nov 16 '18 at 13:38











  • If you ran this code in your own web project in your machine(not running the bootstrap website) and it failed, It could be a browser issue.

    – Tazbir Bhuiyan
    Nov 16 '18 at 13:40











  • It was my browser (obviously!) visiting Bootstrap site and I am pretty sure it IS a browser issue.

    – BeNice
    Nov 16 '18 at 13:42











  • Tazbir another grovel as your code worked fine and, along with @Kevin FONTAINE, we have the answer. It is a DELIBERATE thing on the web site. The question is really a) did the dropdown on the other machine really work or was I just STUPID or b) ... well I am at a loss. Thanks for the effort. I am afraid Kevin gets the bonus and answer as he was here first but thanks a million especially for doing that code snippet.

    – BeNice
    Nov 20 '18 at 18:32











  • No prb man. I am glad i was able to help. Happy coding

    – Tazbir Bhuiyan
    Nov 21 '18 at 2:25

















Sorry don't think you understand. I was not saying that the code was wrong. Quite the contrary. I said it worked fine on the other machine but NOIT on this, my main machine. See the image.

– BeNice
Nov 16 '18 at 13:38





Sorry don't think you understand. I was not saying that the code was wrong. Quite the contrary. I said it worked fine on the other machine but NOIT on this, my main machine. See the image.

– BeNice
Nov 16 '18 at 13:38













If you ran this code in your own web project in your machine(not running the bootstrap website) and it failed, It could be a browser issue.

– Tazbir Bhuiyan
Nov 16 '18 at 13:40





If you ran this code in your own web project in your machine(not running the bootstrap website) and it failed, It could be a browser issue.

– Tazbir Bhuiyan
Nov 16 '18 at 13:40













It was my browser (obviously!) visiting Bootstrap site and I am pretty sure it IS a browser issue.

– BeNice
Nov 16 '18 at 13:42





It was my browser (obviously!) visiting Bootstrap site and I am pretty sure it IS a browser issue.

– BeNice
Nov 16 '18 at 13:42













Tazbir another grovel as your code worked fine and, along with @Kevin FONTAINE, we have the answer. It is a DELIBERATE thing on the web site. The question is really a) did the dropdown on the other machine really work or was I just STUPID or b) ... well I am at a loss. Thanks for the effort. I am afraid Kevin gets the bonus and answer as he was here first but thanks a million especially for doing that code snippet.

– BeNice
Nov 20 '18 at 18:32





Tazbir another grovel as your code worked fine and, along with @Kevin FONTAINE, we have the answer. It is a DELIBERATE thing on the web site. The question is really a) did the dropdown on the other machine really work or was I just STUPID or b) ... well I am at a loss. Thanks for the effort. I am afraid Kevin gets the bonus and answer as he was here first but thanks a million especially for doing that code snippet.

– BeNice
Nov 20 '18 at 18:32













No prb man. I am glad i was able to help. Happy coding

– Tazbir Bhuiyan
Nov 21 '18 at 2:25





No prb man. I am glad i was able to help. Happy coding

– Tazbir Bhuiyan
Nov 21 '18 at 2:25


















draft saved

draft discarded




















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid



  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.


To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53287875%2fjquery-broken-bootstrap-not-working-properly-on-bootstrap-site-visiting-with-de%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

Bressuire

Vorschmack

Quarantine