1
Когда я пытаюсь запустить образец шаблона запуска с загрузочной страницы Twitter Bootstrap 2.3.2, и я пытаюсь свернуть страницу на меньший размер, 't рухнуть в угол, как они должны в демо, но остаться, как вытащил вниз. я использую Rails сОтказоустойчивый рельс на навигационной панели остается внизу, когда я обрушиваю страницу
gem 'bootstrap-sass' and
gem 'sass-rails', '~> 3.2.3' [in assets]
мой application.js файл включает в себя:
//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require_tree .
и мой файл boostrap_and_overides.css.scss включает в себя:
@import "bootstrap";
body { padding-top: 60px; }
@import "bootstrap-responsive";
я люблю идею отзывчивым бутстрап, но не могу получить его на работу вот главный код:
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<%= stylesheet_link_tag "application", :media => "all" %>
<%= javascript_include_tag "application" %>
<%= csrf_meta_tags %>
</head>
<body>
<h1>Hello, world!</h1
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="#">Project name</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
</body>
</html>
Вот пример кода, отправленного в Github: https://github.com/dao888/raboot – user2284821