0
Это должно быть легко, но я постоянно не получаю простой пример начальной загрузки, работающий в plunker.Как получить twitter bootstrap, работающий в plunker?
У меня есть этот простой пример самозагрузки в my plunker project:
<!DOCTYPE html>
<html>
<head>
<link data-require="[email protected]" data-semver="3.3.6" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" />
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
</div>
<div class="row">
<div class="col-md-8">.col-md-8</div>
<div class="col-md-4">.col-md-4</div>
</div>
<div class="row">
<div class="col-md-4">.col-md-4</div>
<div class="col-md-4">.col-md-4</div>
<div class="col-md-4">.col-md-4</div>
</div>
<div class="row">
<div class="col-md-6">.col-md-6</div>
<div class="col-md-6">.col-md-6</div>
</div>
</div>
</body>
</html>
Если я нажал на кнопку Run он выглядит как загрузочный не доступен. Осмотр divs с Chrom ясно показывает, что бутстрап есть. Но форматирования вообще нет.
Если я нажал кнопку предварительного просмотра, все отформатировано так, как ожидалось.
Любые идеи, как решить это?
Если увеличить окно предварительного просмотра, то вы увидите его так, как вы хотите .. Случается, потому что ширина окна попадает под меньшую ширину устройства .. – Bhagya