2012-07-11 31 views
7

Tôi dự định xây dựng trang web của riêng mình và ra mắt sớm. Tôi đang làm tất cả các mã bằng cách sử dụng Rails Framework. Tôi biết về Bootstrap để tạo kiểu cho trang web của tôi.Lựa chọn thay thế cho Bootstrap cho Rails

Tuy nhiên, tôi đã sử dụng Bootstrap cho một trang web khác trong quá khứ. Vui lòng đề xuất một số lựa chọn thay thế khác.

Cảm ơn - Sid

Trả lời

9

Zurb foundation sẽ là lựa chọn của tôi nếu tôi được sử dụng một cái gì đó khác hơn so với Twitter Bootstrap.

Nếu tôi muốn đi thực sự tối giản tôi muốn sử dụng thoughtbot's bourbon

Một số người khác: SkeletonHTML Kickstart, nếu bạn đang tìm kiếm cái gì thực sự ánh sáng.

4

Nếu bạn muốn áp dụng phong cách khác nhau đến các trang web của bạn và bạn đạt được điều này bằng cách chuyển sang khung css front-end khác nhau bạn sẽ có một thời gian khó khăn sau khi một vài trang web. Bạn sẽ không chỉ phải học cách sử dụng các khung công tác này mọi lúc, mà còn sau một vài trang web mà bạn sắp hết các khung công tác để thử. Thay vào đó, tại sao không làm việc ra cách tùy chỉnh Bootstrap sao cho bạn có thể làm cho nó trông độc đáo (tôi biết rằng Bootstrap ra khỏi hộp đang trở nên phổ biến và nó đẹp để nhìn khác nhau).

some nice ideas here về tùy chỉnh Bootstrap và there are other resources ngoài đó nếu bạn tìm kiếm chúng.

Làm tốt việc sử dụng một khung giao diện người dùng và hiểu cách tùy chỉnh khung và bạn sẽ là một nhà phát triển hiệu quả hơn.

3

Kiểm tra RailsThemes cho thiết kế Ruby on Rails là một thay thế cho việc sử dụng Bootstrap. Các chủ đề sẽ hoạt động sau khi cài đặt mà không cần phải chuyển đổi trang web của bạn để sử dụng đánh dấu của Bootstrap. Một số đá quý phổ biến chỉ làm việc ra khỏi hộp. Một số chủ đề sử dụng Skeleton, đồng ý với câu trả lời của Dty. (Tiết lộ đầy đủ: Tôi là thành viên của nhóm làm việc trên RailsThemes.)

2

Tôi biết rằng bạn không muốn sử dụng lại Bootstrap cho một trang web khác, nhưng sẽ đề nghị bạn xem trang web này. Họ sử dụng Twitter Bootstrap, nhưng một số chủ đề có thể truyền cảm hứng cho bạn với vẻ ngoài khác nhau và cảm giác của Bootstrap. Các điển hình trong cấu hình hộp của bootstrap trông rất giống với nhiều trang web, nhưng những kẻ đã thực hiện một công việc tuyệt vời của lấy cái nhìn cơ bản và làm cho họ trông thật sang trọng.

https://wrapbootstrap.com/

enter image description here

0

Nếu bạn đang tìm kiếm một cái gì đó mới, bạn có thể thử ui ngữ nghĩa: http://semantic-ui.com/

Mã này được hiểu là rất readeable.Ví dụ:

Semantic:

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