Подскажите, почему некоторые классы bootstrap отображают элементы не так как надо?
К примеру, вот простая страница: http://paste.ubuntu.com/23725639/
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/bootstrap.css">
<script src="js/jquery-3.1.1.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<meta charset="utf-8">
<title>yep</title>
</head>
<body>
<p>
<button class="btn btn-large btn-primary" type="button">Большая кнопка</button>
<button class="btn btn-large" type="button">Большая кнопка</button>
</p>
<p>
<button class="btn btn-primary" type="button">Кнопка по умолчанию</button>
<button class="btn" type="button">Кнопка по умолчанию</button>
</p>
<p>
<button class="btn btn-small btn-primary" type="button">Маленькая кнопка</button>
<button class="btn btn-small" type="button">Маленькая кнопка</button>
</p>
<p>
<button class="btn btn-mini btn-primary" type="button">Мини-кнопка</button>
<button class="btn btn-mini" type="button">Мини-кнопка</button>
</p>
</body>
</html>
Вот результат:
А ожидается такая картина:
Хотя с путями все в порядке, по-моему.