Dag
Ik ben allerlei technieken aan het leren om een website te bouwen. Momenteel ben ik begonnen aan bootstrap. Een eenvoudige testsite lukt prima, maar als ik 'm in IE bekijk werkt het geheel niet. In FireFox en Chrome wel.
Ik heb IE9 en volgens wat ik op internet daarover kan vinden zou het, met hier en daar wat aanpassingen, moeten werken. Die aanpassingen heb ik bij mijn weten ingevoegd maar blijkbaar doe ik nog steeds iet sfout. ik kom er niet uit wat het probleem is.
Hieronder het begin en eind van mijn HTML code. Ik heb het middenstuk eruit gelaten omdat dat alleen maar standaard code is die ik van de bootstrap site heb geplukt (met betrekking tot de navigation bar)
het einde van het index.html bestand:
de navbar werkt in IE 9 niet en ook krijg ik niet de kolommen naast elkaar zoals het zou moeten maar onder elkaar alsof ik dus een heel smal scherm heb.
Zou iemand even willen kijken wat het probleem is? Ik bekijk 'm dus niet lokaal maar via "internet".
alvast met dank
groetjes, Anjo
Ik ben allerlei technieken aan het leren om een website te bouwen. Momenteel ben ik begonnen aan bootstrap. Een eenvoudige testsite lukt prima, maar als ik 'm in IE bekijk werkt het geheel niet. In FireFox en Chrome wel.
Ik heb IE9 en volgens wat ik op internet daarover kan vinden zou het, met hier en daar wat aanpassingen, moeten werken. Die aanpassingen heb ik bij mijn weten ingevoegd maar blijkbaar doe ik nog steeds iet sfout. ik kom er niet uit wat het probleem is.
Hieronder het begin en eind van mijn HTML code. Ik heb het middenstuk eruit gelaten omdat dat alleen maar standaard code is die ik van de bootstrap site heb geplukt (met betrekking tot de navigation bar)
Code:
<!doctype html>
<html lang="en">
<head>
<title>test2</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
<link href="css/main.css" rel="stylesheet" type = "text/css" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<header>
<div class="container">
<nav class="navbar navbar-default">het einde van het index.html bestand:
Code:
</nav>
</div>
</header>
<div class="container">
<div class="row">
<div class=" darkBG col-sm-6 col-xs-12">
<div class="panel panel-default">
<div class="panel-heading">Panel1 heading without title</div>
<div class="panel-body">
<a href="#" class="btn btn-default">buttontekst</a>
</div>
</div>
</div>
<div class=" darkerBG col-sm-3 col-xs-6">
<div class="panel panel-default">
<div class="panel-heading">Panel2 heading without title</div>
<div class="panel-body">
black text <span class="text-danger">Panel content
</span>
</div>
</div>
</div>
<div class=" darkestBG col-sm-3 col-xs-6">
<div class="panel panel-default">
<div class="panel-heading">Panel3 heading without title</div>
<div class="panel-body text-danger">
Panel content
</div>
</div>
</div>
</div>
</div>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</body>
</html>de navbar werkt in IE 9 niet en ook krijg ik niet de kolommen naast elkaar zoals het zou moeten maar onder elkaar alsof ik dus een heel smal scherm heb.
Zou iemand even willen kijken wat het probleem is? Ik bekijk 'm dus niet lokaal maar via "internet".
alvast met dank
groetjes, Anjo
