2013-11-09 4 views
0

Первый - попытка центрировать некоторый текст. Даже если вы замените смещение от 2 до, скажем, 5, оно не перемещает текст в любую другую позицию.Периодически функциональный Twitter Bootstrap в приложении Rails

enter image description here

Здесь вы можете увидеть ситуацию, когда все, что я сделал это изменить HTML текст в первом изображении к чему-то в другом стиле Bootstrap - в этом случае, это предупреждение вещи. Все это прекрасно работает. Я получил смещение и сетку прямо из документов Bootstrap - что происходит? Благодаря

enter image description here

Edit - приложение на Github здесь: https://github.com/MaxPleaner/mystery

Edit - Я понимаю, что я сделал ошибку, используя Col-мкр в приведенном выше примере, и ожидая, что стиль работы на весь экран размеры. Однако я попытался изменить его на col-xs, и он тоже не работает. Смотри ниже.

enter image description here

+0

- col-xs сообщает колонкам, что они не стекаются, и столбцы будут оставаться бок о бок. В то время как col-md будет складывать столбцы один на другой. – nil

+0

Также Twitter bootstrap использует много разных файлов для работы. У вас есть все файлы JS и css? Как выглядит ваш файл application.css и application.html.erb? – nil

+0

http://getbootstrap.com/css/#overview – nil

ответ

1

Я не использовал этот драгоценный камень от Фомы Макдональд раньше. В соответствии с этим вам просто нужно связать установку и перезапуск сервера рельсов для получения доступных активов.

Я использую камень:

 gem 'anjlab-bootstrap-rails', :require => 'bootstrap-rails', :github => 'anjlab/bootstrap-rails', :branch => '3.0.0' 

Я также заметил, что вы не включили самозагрузки в вашем application.js файл, который в моем случае я использовал -

 //= require twitter/bootstrap 

I убедитесь, что у вас есть загрузочный файл в файле application.css.scss, и я предполагаю, что ваш драгоценный камень служит для необходимых вам ресурсов и будет использовать домашнюю страницу.css.scss в дереве, чтобы переопределить загрузку. Так должно быть все в порядке.

Кажется, что у вас есть доступ к сетке, поэтому кажется, что загрузка загрузочного буфера прекрасна.

Что касается Вашего вопроса колонки:

Col-хз говорит столбцы не стека и столбцы будут оставаться бок о бок. Они все еще ведут себя отзывчиво, насколько это соответствует размеру устройства с помощью медиа-запроса. col-md будет складывать столбцы один на другой.

Посмотрите больше на примеры. Вы работаете с 12-разрядной сеткой. Попробуйте вставить пример кода из примеров, если они отображаются правильно.

Смежные вопросы