2012-07-11 24 views
7

Ho intenzione di costruire il mio sito e di lanciare presto. Sto facendo tutta la codifica usando Rails Framework. Sono a conoscenza di Bootstrap per lo stile del mio sito.Alternative a Bootstrap per Rails

Tuttavia, ho già utilizzato Bootstrap per un altro sito in passato. Si prega di suggerire alcune altre alternative.

Grazie - Sid

risposta

4

Se si desidera applicare uno stile diverso per i vostri siti web e a raggiungere questo obiettivo con il passaggio a diversi quadri css front-end sei andando ad avere un tempo difficile dopo un paio di siti web. Non dovrai solo imparare come usare queste strutture ogni volta, ma anche dopo alcuni siti web che hai intenzione di esaurire i framework da provare.

Invece, perché no capire come personalizzare Bootstrap in modo da renderlo un aspetto univoco (so che Bootstrap out of the box sta diventando onnipresente ed è bello sembrare diverso).

Ci sono some nice ideas here sulla personalizzazione di Bootstrap e there are other resources anche lì se li cerchi.

Diventa bravo a utilizzare un framework di front-end e capire come personalizzarlo e sarai uno sviluppatore più produttivo come risultato.

3

Dai un'occhiata a RailsThemes per i progetti Ruby on Rails che sono un'alternativa all'utilizzo di Bootstrap. I temi dovrebbero funzionare dopo l'installazione senza la necessità di convertire il tuo sito per utilizzare il markup di Bootstrap. Molte gemme comuni funzionano appena fuori dalla scatola. Alcuni dei temi usano Skeleton, concordando con la risposta di Dty. (Full disclosure: Faccio parte del team che lavora su RailsThemes.)

2

So che non si desidera utilizzare di nuovo Bootstrap per un altro sito, ma suggerirei di dare un'occhiata a questo sito. Usano Twitter Bootstrap, ma alcuni dei temi possono ispirarti a diversi aspetti e aspetti di Bootstrap. La tipica configurazione out-of-box di bootstrap sembra molto simile a molti siti, ma questi ragazzi hanno fatto un ottimo lavoro nel prendere l'aspetto di base e farli sembrare davvero di classe.

https://wrapbootstrap.com/

enter image description here

0

Se siete alla ricerca di qualcosa di nuovo, si può provare ui semantica: http://semantic-ui.com/

Il codice è destinato ad essere molto readeable.Per esempio:

semantico:

<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>