ruby-on-rails - instalar - twitter-bootstrap-rails

Instalación de la aplicación Bootstrap 3 on Rails

Question

Estoy tratando de instalar Bootstrap 3.0 en mi aplicación Rails. Recientemente terminé el tutorial de Michael Hartl y ahora estoy tratando de construir mi propio sistema con esta nueva versión de Bootstrap, pero tengo algunas preguntas de las que no estoy seguro.

Las especificaciones de mi sistema:

• OS X Mountain Lion en MBP
• Rails 4.0
• Ruby 2.0

Preguntas que tengo:

1. ¿Cuál es la mejor joya para usar en mi Gemfile? He encontrado algunos de ellos.
2. ¿Qué importo en mi custom.css.scss ? Leí en alguna parte que es diferente de 2.3.2.
3. ¿Hay algo más que deba hacer para que Bootstrap funcione, o los pasos restantes son idénticos a los que seguí para Bootstrap 2.3.2?

Editar

Esto es lo que el proyecto de bootstrap-rails en GitHub dice primero que hacer:

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

Entonces dice que hacer:

gem ''anjlab-bootstrap-rails'', ''>= 3.0.0.0'', :require => ''bootstrap-rails''

¿Hacen lo mismo o tienen que hacer los dos?

Answer 1

Como muchos saben, no hay necesidad de una gema.

Pasos a seguir:

1. Descargar Bootstrap
   • Enlace de descarga directa Bootstrap 3.1.1
   • O llegué a http://getbootstrap.com/

2. Dupdo

   bootstrap/dist/css/bootstrap.css
   bootstrap/dist/css/bootstrap.min.css

   a: app/assets/stylesheets

3. Dupdo

   bootstrap/dist/js/bootstrap.js
   bootstrap/dist/js/bootstrap.min.js

   a: app/assets/javascripts

4. Agregar a: app/assets/stylesheets/application.css

   * = requiere bootstrap

5. Agregar a: app/assets/javascripts/application.js

   // = requiere bootstrap

Eso es todo. Usted está listo para agregar una nueva plantilla de Bootstrap.

¿Por qué app/ lugar de vendor/ ?

Es importante agregar los archivos a la aplicación / recursos , por lo que en el futuro podrá sobrescribir los estilos de Bootstrap.

Si luego desea agregar un archivo custom.css.scss con estilos personalizados. Tendrás algo similar a esto en application.css :

 *= require bootstrap
*= require custom

Si colocó los archivos bootstrap en la aplicación / activos , todo funciona como se esperaba. Pero, si los colocó en proveedores / activos , los archivos de Bootstrap se cargarán al último. Me gusta esto:

<link href="/assets/custom.css?body=1" media="screen" rel="stylesheet">
<link href="/assets/bootstrap.css?body=1" media="screen" rel="stylesheet">

Por lo tanto, algunas de sus personalizaciones no se utilizarán, ya que los estilos de Bootstrap las anularán.

Motivo detrás de esto

Rails buscará activos en muchos lugares; para obtener una lista de estos lugares, puede hacer esto:

$ rails console
> Rails.application.config.assets.paths

En el resultado, verá que la aplicación / activos tiene prioridad, por lo tanto, la carga primero.

Answer 2

Creo que la joya más actualizada para la nueva versión de arranque es form anjlab .

Pero no sé si actualmente funciona bien con otras gemas como simple_form cuando haces rails generate simple_form:install --bootstrap , etc. puede que tengas que editar algunos inicializadores o configuraciones para ajustarse a la nueva versión de bootstrap.

Answer 3

El uso de esta rama con suerte resolverá el problema:

gem ''twitter-bootstrap-rails'',
git: ''git://github.com/seyhunak/twitter-bootstrap-rails.git'',
branch: ''bootstrap3''

Answer 4

En realidad, no necesitas joya para esto, este es el paso para instalar Bootstrap 3 en RoR

• Download Bootstrap

• Dupdo:

  bootstrap-dist/css/bootstrap.css y bootstrap-dist/css/bootstrap.min.css

  Para: vendor/assets/stylesheets

• Dupdo:

  bootstrap-dist/js/bootstrap.js y bootstrap-dist/js/bootstrap.min.js

  Para: vendor/assets/javascripts

• Actualización: app/assets/stylesheets/application.css agregando:

  *= require bootstrap.min

• Actualización: app/assets/javascripts/application.js agregando:

  //= require bootstrap.min

Con esto puedes actualizar el programa de arranque en cualquier momento que desees, no tienes que esperar a que gema se actualice. También con este enfoque, la canalización de activos utilizará versiones minificadas en producción.

Answer 5

Esta respuesta es para aquellos de ustedes que buscan instalar Bootstrap 3 en su aplicación Rails sin usar una gema. Hay dos formas sencillas de hacerlo que tardan menos de 10 minutos. Elija el que mejor se adapte a sus necesidades. Glyphicons y Javascript funcionan y también los he probado con la última versión beta de Rails 4.1.0.

1. Uso de Bootstrap 3 con Rails 4 : los archivos de Bootstrap 3 se copian en el directorio del proveedor de su aplicación.

2. Agregar Bootstrap desde un CDN a su aplicación Rails : los archivos de Bootstrap 3 se sirven desde Bootstrap CDN .

El número 2 anterior es el más flexible. Todo lo que necesita hacer es cambiar el número de versión que está almacenado en un asistente de diseño. Para que pueda ejecutar la versión de Bootstrap de su elección, ya sea 3.0.0, 3.0.3 o versiones anteriores de Bootstrap 2.

Answer 6

Para mí, la forma más sencilla de hacerlo es

1) Descargue y descomprima el programa de arranque en el vendor

2) Agregue la ruta de arranque a su configuración

config.assets.paths << Rails.root.join("vendor/bootstrap-3.3.6-dist")

3) Requerirlos

en css *= require css/bootstrap

en js //= require js/bootstrap

¡Hecho!

Este método hace que las fuentes se carguen sin ninguna otra configuración especial y no requiere mover los archivos bootstrap fuera de su directorio autónomo.

Answer 7

Twitter ahora tiene una versión sass-ready de bootstrap con gema incluida, por lo que es más fácil que nunca agregarlo a Rails.

Simplemente agregue a su gemfile lo siguiente:

gem ''sass-rails'', ''>= 3.2'' # sass-rails needs to be higher than 3.2
gem ''bootstrap-sass'', ''~> 3.1.1''

bundle install y reiniciar su servidor para que los archivos estén disponibles a través de la canalización.

También hay soporte para brújula y sass-only: https://github.com/twbs/bootstrap-sass

Answer 8

Yo uso https://github.com/yabawock/bootstrap-sass-rails

Lo cual es una instalación bastante simple, actualizaciones rápidas y seguimientos y soluciones rápidas en caso de que sea necesario.

Answer 9

gem bootstrap-sass

bootstrap-sass es fácil de colocar en Rails con la cartera de activos.

En tu Gemfile debes agregar la gema bootstrap-sass y asegurarte de que la gema sass-rails esté presente: se agrega a las nuevas aplicaciones Rails de manera predeterminada.

gem ''sass-rails'', ''>= 3.2'' # sass-rails needs to be higher than 3.2 gem ''bootstrap-sass'', ''~> 3.0.3.0''

bundle install y reiniciar su servidor para que los archivos estén disponibles a través de la canalización.

Fuente: http://rubydoc.info/gems/bootstrap-sass/3.0.3.0/frames