Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How do I fix twitter-bootstrap on IE?

The navbar doesn't seem to be working properly in IE. Here's a screenshot of it in IE.

screenshot

I've been looking through many bootstrap-topics on stackoverflow.com, but the "help" they give people doesn't work for me.

After body tag:

<div class="container">     <div class="navbar navbar-fixed-top">             <div class="navbar-inner">                 <div class="container">                     <a class="brand" href="?id=home">OnniServer.tk</a>                     <div class="nav-collapse">                     <ul class="nav">                     <li <?php if ((isset($_GET['id'])) && ($_GET['id'] == home)) { echo "class='active'"; } ?>><a href="?id=home">Home</a></li>                     <li <?php if ((isset($_GET['id'])) && ($_GET['id'] == donate)) { echo "class='active'"; } ?>><a href="?id=donate">Donate</a></li>                     <li <?php if ((isset($_GET['id'])) && ($_GET['id'] == about)) { echo "class='active'"; } ?>><a href="?id=about">About</a></li>                     <li <?php if ((isset($_GET['id'])) && ($_GET['id'] == staff)) { echo "class='active'"; } ?>><a href="?id=staff">Staff</a></li>                     <li <?php if ((isset($_GET['id'])) && ($_GET['id'] == vote)) { echo "class='active'"; } ?>><a href="?id=vote">Vote</a></li>                     <li class="dropdown">                         <a href="" class="dropdown-toggle" data-toggle="dropdown">Play now: <b class="caret"></b></a>                             <ul class="dropdown-menu">                                 <li><a href="minecraft">In browser</a></li>                                 <li><a href="http://minecraft.net">Buy it now</a></li>                                 <li><a href="#">No link for crack</a></li>                             </ul>                     </li>                     <li class="dropdown">                         <a href="" class="dropdown-toggle" data-toggle="dropdown">Perms for: <b class="caret"></b></a>                             <ul class="dropdown-menu">                                 <li><a href="?id=citizen">Citizen(s)</a></li>                                 <li><a href="?id=vip">VIP(s)</a></li>                                 <li><a href="?id=vipplus">VIP+(s)</a></li>                                 <li><a href="?id=modjr">Jr. Moderator(s)</a></li>                                 <li><a href="?id=mod">Moderator(s)</a></li>                                 <li><a href="?id=admin">Admin(s)</a></li>                                 <li><a href="?id=owner">Owner</a></li>                             </ul>                     </li>                     <li class="dropdown">                         <a href="" class="dropdown-toggle" data-toggle="dropdown">Mail to: <b class="caret"></b></a>                             <ul class="dropdown-menu">                                 <li><a href="mailto:[email protected]">Onni (server Owner)</a></li>                             </ul>                     </li>                     <script>                         $('.dropdown-toggle').dropdown()                     </script>                     </ul>                     </div>                 </div>             </div>     </div>     <p>&nbsp;</p>     <p>&nbsp;</p>     <div class="hero-unit">         <style "text/css">         </style>         <?php         if (((isset($_GET['id'])) &&($_GET['id'] == home)) || (!isset($_GET['id']))) { include('home.php'); };         if ((isset($_GET['id'])) && ($_GET['id'] == donate)) { include('donate.php'); };         if ((isset($_GET['id'])) && ($_GET['id'] == about)) { include('about.php'); };         if ((isset($_GET['id'])) && ($_GET['id'] == staff)) { include('staff.php'); };         if ((isset($_GET['id'])) && ($_GET['id'] == vote)) { include('vote.php'); };         if ((isset($_GET['id'])) && ($_GET['id'] == citizen)) { include('permissions/citizen.html'); };         if ((isset($_GET['id'])) && ($_GET['id'] == vip)) { include('permissions/vip.html'); };         if ((isset($_GET['id'])) && ($_GET['id'] == vipplus)) { include('permissions/vipplus.html'); };         if ((isset($_GET['id'])) && ($_GET['id'] == modjr)) { include('permissions/modjr.html'); };         if ((isset($_GET['id'])) && ($_GET['id'] == mod)) { include('permissions/mod.html'); };         if ((isset($_GET['id'])) && ($_GET['id'] == admin)) { include('permissions/admin.html'); };         if ((isset($_GET['id'])) && ($_GET['id'] == owner)) { include('permissions/owner.html'); };         ?>     </div> </div> 
like image 906
onni82 Avatar asked Jun 25 '12 00:06

onni82


People also ask

Does IE 11 Support Bootstrap?

Bootstrap supports the latest, stable releases of all major browsers and platforms. On Windows, we support Internet Explorer 10-11 / Microsoft Edge. Alternative browsers which use the latest version of WebKit, Blink, or Gecko, whether directly or via the platform's web view API, are not explicitly supported.

Does Bootstrap 5 work on IE?

Internet Explorer is not supported. If you require Internet Explorer support, please use Bootstrap v4.

Does Bootstrap 5 support ie11?

Bootstrap 5 drops support for Internet Explorer 11, but you can add support back by simply adding a CSS file and a few JavaScript polyfills.


1 Answers

You need to put <!DOCTYPE HTML> in the first line of your html.

like image 67
Facundo Pedrazzini Avatar answered Oct 07 '22 14:10

Facundo Pedrazzini