2012-07-11 17 views
7

Planeo construir mi propio sitio y lanzarlo pronto. Estoy haciendo toda la codificación usando Rails Framework. Conozco a Bootstrap por el estilo de mi sitio.Alternativas a Bootstrap for Rails

Sin embargo, ya he usado Bootstrap para otro sitio en el pasado. Por favor sugiere algunas otras alternativas.

Gracias - Sid

Respuesta

4

Si desea aplicar un estilo diferente a sus sitios web y a lograr esto por el cambio a diferentes marcos css front-end que estás va a tener un tiempo difícil después de algunos sitios web. No solo tendrá que aprender a usar estos marcos cada vez, sino que también después de unos pocos sitios web se quedará sin marcos para probar.

En su lugar, ¿por qué no encontrar la manera de personalizar Bootstrap tal que puede hacer que se vea único (Sé que Bootstrap fuera de la caja se está expandiendo y es agradable a la vista diferente).

Hay some nice ideas here sobre personalizar Bootstrap y there are other resources también si los buscas.

Aproveche al máximo el uso de un marco frontal y comprenda cómo personalizarlo, por lo que será un desarrollador más productivo.

3

Consulte RailsThemes para ver los diseños de Ruby on Rails que son una alternativa al uso de Bootstrap. Los temas deberían funcionar después de la instalación sin necesidad de convertir su sitio para usar el marcado de Bootstrap. Varias gemas comunes simplemente funcionan de la caja. Algunos de los temas usan Skeleton, de acuerdo con la respuesta de Dty. (Descripción completa: soy parte del equipo que trabaja en RailsThemes.)

2

Sé que no quiere usar Bootstrap nuevamente para otro sitio, pero le sugiero que eche un vistazo a este sitio web. Utilizan Twitter Bootstrap, pero algunos de los temas pueden inspirarle a diferentes aspectos y sensaciones de Bootstrap. La configuración típica de bootstrap se ve muy similar a muchos sitios, pero estos chicos han hecho un gran trabajo al tomar el aspecto básico y hacer que se vean realmente elegantes.

https://wrapbootstrap.com/

enter image description here

0

Si usted está buscando algo nuevo, puede intentar ui semántica: http://semantic-ui.com/

El código está destinado a ser muy readeable.Por ejemplo:

Semántica:

<div class="ui three column grid"> 
    <div class="column">1</div> 
    <div class="column">2</div> 
    <div class="column">3</div> 
</div> 

Bootstrap:

<div class="row"> 
    <div class="col-lg-4">1</div> 
    <div class="col-lg-4">2</div> 
    <div class="col-lg-4">3</div> 
</div>