복붙노트

[RUBY-ON-RAILS] 레일 부트 스트랩 Glyphicons에 루비가 작동하지

RUBY-ON-RAILS

레일 부트 스트랩 Glyphicons에 루비가 작동하지

내 사이트에 부트 스트랩을 추가했습니다. 여기에 내가 사용하고있는 구조입니다. (그것이 내가 내 마음에 드는 그것을 수정 이후 나는 무엇이든지 bootstrap.css 파일을 제거 할 수 없습니다).

>app
>>assets
>>>fonts
>>>>4 glypicons icon files.
>>>images
>>>>N/A
>>>javascripts
>>>>Bootstrap.js (Jquery is installed in a gem)
>>>stylesheets
>>>>Bootstrap.css

모든 것이 제대로 가져하지만 문제는 glyphicons 작업이 arent 것을 내가 그들을 필요로한다!

해결법

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

    1.2015년 11월 편집 : https://github.com/twbs/bootstrap-sass 그것은 적극적으로 부트 스트랩 커뮤니티 유지 및 레일에 루비와 정말 잘 작동합니다 :이 보석을 추천 할 것입니다.

    2015년 11월 편집 : https://github.com/twbs/bootstrap-sass 그것은 적극적으로 부트 스트랩 커뮤니티 유지 및 레일에 루비와 정말 잘 작동합니다 :이 보석을 추천 할 것입니다.

    난 당신과 같은 매우 유사한 문제가 발생했지만, 난 그것을 알아낼! 당신의 bootstrap.css 파일에서이 부분을 찾기 :

    @font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

    및 / 자산 ../fonts/ 교체합니다. 이것은 최종 코드이 다음과 같이 표시됩니다.

    @font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/assets/glyphicons-halflings-regular.eot');
  src: url('/assets/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/assets/glyphicons-halflings-regular.woff') format('woff'), url('/assets/glyphicons-halflings-regular.ttf') format('truetype'), url('/assets/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

    나는 희망이 도움이!

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

    2.당신은 부트 스트랩-말대꾸를 사용하는 경우 당신은 당신의하는 SCS 파일 중 하나에서이 같은 수입 부트 스트랩이 문제의 시도가있다. 당신이 말대꾸를 사용하는 경우, 단지 구문을 변환 :

    당신은 부트 스트랩-말대꾸를 사용하는 경우 당신은 당신의하는 SCS 파일 중 하나에서이 같은 수입 부트 스트랩이 문제의 시도가있다. 당신이 말대꾸를 사용하는 경우, 단지 구문을 변환 :

    @import "bootstrap-sprockets";
@import "bootstrap";
  3. ==============================

    3.나를 위해 사용자를 트위터 - 부트 스트랩은-레일로 :

    나를 위해 사용자를 트위터 - 부트 스트랩은-레일로 :

    GitHub의 @ 테이크의 게시물에 대한 감사

    이 추가 :

    /* Override Bootstrap 3 font locations */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../assets/glyphicons-halflings-regular.eot');
  src: url('../assets/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
  url('../assets/glyphicons-halflings-regular.woff') format('woff'),
  url('../assets/glyphicons-halflings-regular.ttf') format('truetype'),
  url('../assets/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

    내 application.css에 문제를 해결했습니다.

    도움이 될 수 있도록 노력하겠습니다.

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

    4.또한 레일 4 3 glyphicon 작업을 부트 스트랩하기 위해 고군분투했다. 나는 추가하여 해결

    또한 레일 4 3 glyphicon 작업을 부트 스트랩하기 위해 고군분투했다. 나는 추가하여 해결

    @font-face {
  font-family: 'Glyphicons Halflings';
  src: url(asset_path('glyphicons-halflings-regular.eot'));
  src: url(asset_path('glyphicons-halflings-regular.eot?#iefix')) format('embedded-opentype'), url(asset_path('glyphicons-halflings-regular.woff')) format('woff'), url(asset_path('glyphicons-halflings-regular.ttf')) format('truetype'), url(asset_path('glyphicons-halflings-regular.svg#glyphicons_halflingsregular')) format('svg');
}`

    application.css.scss 파일 과

    config.assets.paths << "#{Rails}/vendor/assets/fonts"

    application.rb 파일.

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

    5.난 당신이 자산 파이프 라인에 문제가 될 수 있다고 생각

    난 당신이 자산 파이프 라인에 문제가 될 수 있다고 생각

    이 사용하는 곳에 당신은 bootstrap.css.scss에 bootstrap.css을 변경 한 다음 교체 할

    @font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

    글꼴 경로 (섹션 2.3.2 봐 - CSS 및 말대꾸)

    @font-face {
  font-family: 'Glyphicons Halflings';
  src: font-path('glyphicons-halflings-regular.eot');
  src: font-path('glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
    font-path('glyphicons-halflings-regular.woff') format('woff'), 
    font-path('glyphicons-halflings-regular.ttf') format('truetype'), 
    font-path('glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

    또한 귀하의 설정 / 환경 / production.rb

    # Precompile additional assets
config.assets.precompile += %w( .svg .eot .woff .ttf )

    당신의 설정 / application.rb에서

    # Add the fonts path
config.assets.paths << Rails.root.join('app', 'assets', 'fonts')

    비슷한 문제에 대한 또 다른 SO 게시물을 확인

    도움이 되었기를 바랍니다

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

    6.부트 스트랩 3 아이콘은 다음과 같이 :

    부트 스트랩 3 아이콘은 다음과 같이 :

    <i class="glyphicon glyphicon-indent-right"></i>

    부트 스트랩이있는 반면,이 모습 :

    <i class="icon-indent-right"></i>

    사용중인 코드의 (a B3 지점에 대한 검사) 최신이 아닌 경우에, 당신은 포크를 가지고 아이콘 이름을 자기를 변경할 수 있습니다.

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

    7.분명히 크롬이 문제를 다시 개월 동안 파괴되었습니다.

    분명히 크롬이 문제를 다시 개월 동안 파괴되었습니다.

    내 사용자 정의 css.css.scss 파일의 상단에 넣을 때 나를 위해 일한

    @import 'bootstrap-sprockets';
@import 'bootstrap';
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css");
  8. ==============================

    8.당신이 시도 할 수 있습니다 :

    당신이 시도 할 수 있습니다 :

    @font-face {
  font-family: 'Glyphicons Halflings';

  src: url('<%= asset_path("glyphicons-halflings-regular.eot") %>');
  src: url('<%= asset_path("glyphicons-halflings-regular.eot?#iefix") %>') format('embedded-opentype'), url('<%= asset_path("glyphicons-halflings-regular.woff2") %>') format('woff2'), url('<%= asset_path("glyphicons-halflings-regular.woff") %>') format('woff'), url('<%= asset_path("glyphicons-halflings-regular.ttf") %>') format('truetype'), url('<%= asset_path("glyphicons-halflings-regular.svg#glyphicons_halflingsregular") %>') format('svg');
}

    당신은 your_css.css.erb에 your_css.css 파일을 변환해야

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

    9.부트 스트랩 Glyphicons가 작동하지 않는 3에 따르면, 부트 스트랩 사용자 정의 프로그램에 버그가있어 그 glyphicon 글꼴 망쳐 놨어요. 저도 같은 문제를 가지고,하지만 난 http://getbootstrap.com/에서 부트 스트랩의 전체를 다운로드 한 다음 올바른 위치로 글꼴 파일을 복사하여 문제를 해결할 수 있었다.

    부트 스트랩 Glyphicons가 작동하지 않는 3에 따르면, 부트 스트랩 사용자 정의 프로그램에 버그가있어 그 glyphicon 글꼴 망쳐 놨어요. 저도 같은 문제를 가지고,하지만 난 http://getbootstrap.com/에서 부트 스트랩의 전체를 다운로드 한 다음 올바른 위치로 글꼴 파일을 복사하여 문제를 해결할 수 있었다.

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

    10.당신은 공공 / 글꼴 모든 부트 스트랩 글꼴 파일을 복사 할 수 있으며, 그것은 작동합니다. application.rb의 수입 또는 변경에 대한 필요가 없습니다.

    당신은 공공 / 글꼴 모든 부트 스트랩 글꼴 파일을 복사 할 수 있으며, 그것은 작동합니다. application.rb의 수입 또는 변경에 대한 필요가 없습니다.

  11. ==============================

    11.내가 제안 솔루션을 시도하고 나를 위해 작동하지 않았다, 여기 당신이해야 할 수도 있습니다이 관련된 문제를 해결하는 데 도움이 일반적인 솔루션입니다.

    내가 제안 솔루션을 시도하고 나를 위해 작동하지 않았다, 여기 당신이해야 할 수도 있습니다이 관련된 문제를 해결하는 데 도움이 일반적인 솔루션입니다.

    여기 스트랩-사스와 얻어진 얼굴 폰트 정의는 :

    @font-face {
  font-family: 'Glyphicons Halflings';
  src: asset-url('bootstrap/fonts/glyphicons-halflings-regular.eot');
  src:
    asset-url('bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
    asset-url('bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'),
    asset-url('bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
    asset-url('bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
  12. ==============================

    12.말대꾸, 부트 스트랩 3.2.0 및 부트 스트랩 - 말대꾸 보석의 사용과 레일 4에서 :

    말대꾸, 부트 스트랩 3.2.0 및 부트 스트랩 - 말대꾸 보석의 사용과 레일 4에서 :

    @import "bootstrap";
@import "bootstrap/theme";
  13. ==============================

    13.난 내 레일에 부트 스트랩을 사용하면 내가 부트 스트랩 - 말대꾸 보석을 사용하는 앱.

    난 내 레일에 부트 스트랩을 사용하면 내가 부트 스트랩 - 말대꾸 보석을 사용하는 앱.

    https://github.com/thomas-mcdonald/bootstrap-sass

    당신은 그것을 대체 할 수 있습니다. 워드 프로세서는 설명으로 간단하게 가져옵니다. 그런 다음 가져 오기 또는 수정 된 파일을 붙여 넣습니다.

    PHP는 프로젝트에서 글리프가 작동하지 않았다, 나는 고전 부트 스트랩 지퍼를 다운로드하고 난 프로젝트에 장착 할 글리프 파일을 추출 하였다. 당신은 자신의 사이트 (잘못 될 수있는 버그의 소스)에서 사용자 정의 부트 스트랩 스타일을 생성 할 때 내 기억에서 버그가 나타납니다.

    도움이 되었기를 바랍니다!

  14. ==============================

    14.내 index.html.slim 파일에서, 나는 span.fa.fa 캘린더와 span.glyphicon.glyphicon 캘린더를 교체하고 일했다.

    내 index.html.slim 파일에서, 나는 span.fa.fa 캘린더와 span.glyphicon.glyphicon 캘린더를 교체하고 일했다.

  15. ==============================

    15.당신이 설정 한 확인

    당신이 설정 한 확인

    # config/environments/production.rb
config.assets.compile = true

    프리 D 파일 목록에 글꼴을 추가

    # config/initializers/assets.rb
config.assets.precompile += %w(*.eot *.svg *.ttf *.woff *.woff2)
  16. ==============================

    16.내 경우에는 내가이 사용 <= 내가 클래스를 "아이콘 플러스"> , 내가 부트 스트랩의 oficcial 사이트에서 가져다가 아무것도 표시되지 않았다. 하지만 그 대신, 그것은이 사용하는이 켜지지입니다 <= 내가 클래스 "를 glyphicon glyphicon 플러스">

    내 경우에는 내가이 사용 <= 내가 클래스를 "아이콘 플러스"> , 내가 부트 스트랩의 oficcial 사이트에서 가져다가 아무것도 표시되지 않았다. 하지만 그 대신, 그것은이 사용하는이 켜지지입니다 <= 내가 클래스 "를 glyphicon glyphicon 플러스">

  17. ==============================

    17.다만 당신이 (당신이하지 않으면, 당신은 부트 스트랩 - SaaS는 REPO에서 다운로드 할 수 있습니다) 응용 프로그램 / 자산 / 글꼴에 glyphicons의 파일이 있는지, 응용 프로그램 / 자산 / 스타일 / fonts.scss을 만들고 다음을 추가합니다 :

    다만 당신이 (당신이하지 않으면, 당신은 부트 스트랩 - SaaS는 REPO에서 다운로드 할 수 있습니다) 응용 프로그램 / 자산 / 글꼴에 glyphicons의 파일이 있는지, 응용 프로그램 / 자산 / 스타일 / fonts.scss을 만들고 다음을 추가합니다 :

    @font-face {
  font-family: 'Glyphicons Halflings';
  src: font-url('glyphicons-halflings-regular.eot');
  src: font-url('glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
  font-url('glyphicons-halflings-regular.woff') format('woff'),
  font-url('glyphicons-halflings-regular.ttf') format('truetype'),
  font-url('glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

    18. from https://stackoverflow.com/questions/20255711/ruby-on-rails-bootstrap-glyphicons-not-working by cc-by-sa and MIT license

'RUBY-ON-RAILS' 카테고리의 다른 글

[RUBY-ON-RAILS] 보석은 :: mysql2 보석에 대한 LoadError는하지만, Gemfile에 이미  (0) 2020.02.28
[RUBY-ON-RAILS] 청사진 / screen.css은 미리 컴파일되지 않는다  (0) 2020.02.28
[RUBY-ON-RAILS] 이유는 SQLite는 보석을 설치할 수 없습니다?  (0) 2020.02.28
[RUBY-ON-RAILS] 번들 간부 레이크하거나 갈퀴를 사용?  (0) 2020.02.28
[RUBY-ON-RAILS] Rails- 중첩 content_tag  (0) 2020.02.28
,

티스토리툴바