[RUBY-ON-RAILS] 레일 응용 프로그램에 부트 스트랩 3 설치

레일 응용 프로그램에 부트 스트랩 3 설치

내 레일 응용 프로그램에 부트 스트랩 3.0을 설치하려고 해요. 나는 최근에 마이클 하틀의 튜토리얼을 완료하고 현재 부트 스트랩의 새 버전을 사용하여 내 자신의 시스템을 구축하기 위해 노력하고 있어요,하지만 난하지 않도록 약 해요 것을 나는 몇 가지 질문이 있습니다.

내 시스템 사양 :

나는 질문이있다 :

편집하다

여기 GitHub의에 부트 스트랩 레일 프로젝트는 첫째을 말하는 것입니다 :

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

그런 다음 이렇게 말한다 :

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

그들은 같은 일을합니까, 또는 당신은 그 두 가지를 모두 수행해야합니까?

해결법

1. ==============================

   1.사실이 대한 보석이 필요하지 않습니다, 여기의 RoR에서 부트 스트랩 3을 설치하는 단계입니다

   사실이 대한 보석이 필요하지 않습니다, 여기의 RoR에서 부트 스트랩 3을 설치하는 단계입니다

   당신은 당신이 원하는 시간을 부트 스트랩 업데이트 할 수 있습니다두고, 업데이트 할 보석을 기다릴 필요가 없습니다. 또한이 방법 자산 파이프 라인과 생산 축소 된 버전을 사용합니다.

2. ==============================

   2.많은 알다시피, 보석에 대한 필요가 없습니다.

   많은 알다시피, 보석에 대한 필요가 없습니다.

   수행 할 단계 :

   그게 전부입니다. 새 멋진 부트 스트랩 템플릿을 추가 할 수 있습니다.

   왜 응용 프로그램 / 대신 공급 업체의 /?

   너무 미래에 당신이 부트 스트랩 스타일을 덮어 쓸 수 있습니다, 응용 프로그램 / 자산에 파일을 추가하는 것이 중요하다.

   나중에 경우 사용자 정의 스타일을 가진 custom.css.scss 파일을 추가합니다. 당신은 application.css이 비슷한을해야합니다 :

    *= require bootstrap                                                            
    *= require custom  
   

   당신이 응용 프로그램 / 자산 부트 스트랩 파일을 배치하는 경우, 모든 것이 예상대로 작동합니다. 당신은 공급 업체 / 자산을 배치하지만, 부트 스트랩 파일은 마지막으로로드됩니다. 이 같이 :

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

   따라서, 사용자 지정의 일부를 우선합니다 부트 스트랩 스타일로 사용되지 않습니다.

   이 뒤에 이유

   여러 위치에서 자산을 검색합니다 레일; 이 작업을 수행 할 수있는이 위치의 목록을 얻을 수 있습니다 :

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

   출력에서는, 우선합니다 그 응용 / 자산을 참조하여 먼저로드됩니다.

3. ==============================

   3.이 답변은 보석을 사용하지 않고 레일 응용 프로그램에서 부트 스트랩 3를 설치하고자하는 당신의 사람들을위한 것입니다. 으로 10 분 이상 걸릴이이 작업을 수행하는 두 가지 간단한의 방법이 있습니다. 필요에 가장 스위트 더 하나를 선택하십시오. Glyphicons 및 자바 스크립트 작업과 나는뿐만 아니라 레일 4.1.0의 최신 베타를 테스트했습니다.

   이 답변은 보석을 사용하지 않고 레일 응용 프로그램에서 부트 스트랩 3를 설치하고자하는 당신의 사람들을위한 것입니다. 으로 10 분 이상 걸릴이이 작업을 수행하는 두 가지 간단한의 방법이 있습니다. 필요에 가장 스위트 더 하나를 선택하십시오. Glyphicons 및 자바 스크립트 작업과 나는뿐만 아니라 레일 4.1.0의 최신 베타를 테스트했습니다.

   수 2 위의 가장 유연하다. 당신이해야 할 모든 레이아웃 도우미에 저장되어있는 버전 번호를 변경합니다. 즉, 3.0.0, 3.0.3 또는 이전 부트 스트랩이 출시 여부 그래서 당신은 당신의 선택의 부트 스트랩 버전을 실행할 수 있습니다.

4. ==============================

   4.쉽게 그래서 어느 때보 레일에 추가, 현재 보석으로 부트 스트랩의 말대꾸 준비 버전을 포함하고있다 트위터.

   쉽게 그래서 어느 때보 레일에 추가, 현재 보석으로 부트 스트랩의 말대꾸 준비 버전을 포함하고있다 트위터.

   단순히 gemfile 다음에 추가 :

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

   번들 설치하고 파이프 라인을 통해 파일을 사용할 수 있도록 서버를 다시 시작합니다.

   나침반에 대한 지원도있다 말대꾸 전용 : https://github.com/twbs/bootstrap-sass

5. ==============================

   5.나는 https://github.com/yabawock/bootstrap-sass-rails 사용

   나는 https://github.com/yabawock/bootstrap-sass-rails 사용

   어떤 거의 똑바로 앞으로 설치 한 경우 빠른 보석 업데이트와 followups 빠른 수정이 필요하다.

6. ==============================

   6.보석 부트 스트랩 - 말대꾸

   보석 부트 스트랩 - 말대꾸

   부트 스트랩 - 말대꾸는 자산 파이프 라인 레일로 드롭하기 쉽습니다.

   당신의 Gemfile에서는 부트 스트랩-말대꾸 보석을 추가하고, 말대꾸 - 레일 보석가 있는지 확인해야합니다 - 그것은 기본적으로 새로운 레일 응용 프로그램에 추가됩니다.

   보석 '사스 레일', '> = 3.2'# 사스 레일 요구 될 이상 3.2 보석 '부트 스트랩-말대꾸', '~> 3.0.3.0'

   번들 설치하고 파이프 라인을 통해 파일을 사용할 수 있도록 서버를 다시 시작합니다.

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

7. ==============================

   7.나를 위해,이 작업을 수행하는 가장 간단한 방법은

   나를 위해,이 작업을 수행하는 가장 간단한 방법은

   1) 다운로드 및 압축 풀기에 공급 스트랩

   2) 설정에 부트 스트랩 경로를 추가

   << config.assets.paths Rails.root.join ( "벤더 / 스트랩-3.3.6 - 거리")

   3)를 필요

   CSS에서 * = CSS / 부트 스트랩을 필요로

   JS에서 = JS / 부트 스트랩을 요구 //

   끝난!

   이 방법은 다른 특별한 구성없이 글꼴로드를하게하고 그 자체에 포함 된 디렉토리에서 부트 스트랩 파일을 이동할 필요가 없습니다.

8. ==============================

   8.잘하면 문제를 해결할 수이 분기를 사용 :

   잘하면 문제를 해결할 수이 분기를 사용 :

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

9. ==============================

   9.나는 새로운 부트 스트랩 버전의 가장 최대 최신 보석 양식의 anjlab 생각합니다.

   나는 새로운 부트 스트랩 버전의 가장 최대 최신 보석 양식의 anjlab 생각합니다.

   새로운 부트 스트랩 버전에 맞게 편집에 당신이있을 수 있습니다 등 일부 초기화 또는 구성을 --bootstrap 설치 : 당신은 레일 simple_form을 생성 할 때 현재 simple_form 같은 다른 보석과 함께 잘 작동하지만 나도 몰라.

10. ==============================

    10.사실 나는 거의 그것을 작동하는 방법에 내 머리를 긁어하는이 일에 쉽게 해결했다. hahah!

    사실 나는 거의 그것을 작동하는 방법에 내 머리를 긁어하는이 일에 쉽게 해결했다. hahah!

    음, 첫째 나는 부트 스트랩 (컴파일 된 CSS와 JS 버전)을 다운로드했습니다.

    그럼 난 / 응용 프로그램 / 자산 / 스타일 시트에 모든 부트 스트랩 CSS 파일을 붙여 넣습니다.

    그리고 나는 / 응용 프로그램 / 자산 / 자바 스크립트로 모든 부트 스트랩의 js 파일을 붙여 넣습니다.

    나는 페이지와 wallah를 다시로드! 난 그냥 내 RoR에에 부트 스트랩 추가!

from https://stackoverflow.com/questions/18371318/installing-bootstrap-3-on-rails-app by cc-by-sa and MIT license