새 확장에서 v2.3 또는 v3을 사용해야하는 부트 스트랩 버전


9

확장 개발자로서, 향후 확장에 어떤 Bootstrap 버전을 사용할지 여전히 혼란스러워합니다.

  • 많은 토론에서 Joomla 3.x가 bootstrap-3.0을 사용하지 않는다는 것을 알았습니다.
  • 대부분의 템플릿 공급자는 부트 스트랩 v3을 사용합니다.
  • 부트 스트랩 v3을 사용하는 많은 확장

무엇을 선택해야합니까?

답변:


6

Joomla 3.x는 Bootstrap 2 용 파일과 함께 제공되며 이전 버전과의 호환성으로 인해 Joomla 3.x 시리즈에서는 변경되지 않습니다.

부트 스트랩은 다음 두 가지 주요 영역으로 구성되어 있습니다.

  • CSS 파일
  • 자바 스크립트 프레임 워크

CSS

Joomla에는 이러한 파일이 소스 LESS 파일과 컴파일 된 CSS 파일로 모두 포함되어 있습니다. Joomla 자체는 Bootstrap CSS 파일을로드하지 않습니다. 해당 파일을 사용할지 아니면 고유 한 CSS 파일과 함께 제공할지 결정하는 것은 템플릿에 달려 있습니다.

백엔드에서 활성 템플릿은 일반적으로 "Isis"이며 Bootstrap 2 파일을 많이 사용합니다. 따라서 확장 백엔드에서 Bootstrap 2 스타일을 사용하는 것이 좋습니다. 특히 대체 관리 템플릿이 많지 않기 때문에

그러나 프론트 엔드에서는 완전히 다른 주제입니다. 사용자가 어떤 템플릿을 사용할지, 어떤 프레임 워크에서 어떤 템플릿을 사용할 것인지에 대한 실마리는 없습니다. 개인적으로 나는 핵심 출력이 그것들을 사용하는 유일한 이유로 Bootstrap 2 스타일링을 여기에서 사용했습니다. 따라서 템플릿이 해당 클래스를 지원할 가능성이 높습니다. 그렇지 않으면 출력에 대한 재정의를 제공합니다. 핵심에 재정의를 사용하는 경우 확장에 재정의가 필요할 수도 있습니다.

물론 Bootstrap 3에 대한 지원도 추가 할 수 있지만 작업을 두 배로 늘릴 수 있습니다. 그러나 Bootstrap 2 레이아웃을로드하는 옵션이없는 Bootstrap 3 레이아웃 만 제공하지는 않습니다.

자바 스크립트

Joomla에는 툴팁 또는 탭과 같이 Bootstrap JavaScript 코드를로드하는 방법이 있습니다. 이 코드는 확장 프로그램에서 사용할 수 있으며 사용해야합니다. 필요한 경우 템플릿으로 재정의 할 수 있도록 레이아웃에로드하십시오.


1

이미 지적했듯이 Joomla 3.x는 Bootstrap 3.x를 사용하지 않으므로 Bootstrap 3을 사용하기로 결정한 경우 사용자는 충돌을 일으킬 수있는 2 가지 버전의 Bootstrap을로드하고 충돌을 줄일 수 있습니다 페이지로드 속도.

할 수있는 일은 템플릿을 구동하는 Bootstrap 버전을 감지하고 해당 버전을 사용하여 확장 스타일을 지정하는 작은 스크립트를 작성하는 것입니다. NoNumber 또는 Akeeba는 사용하려는 부트 스트랩 버전을 bwteen으로 선택할 수있는 기능을 제공한다고 생각합니다. 나는 어느 것을 기억하지 못하지만 그들이 어떻게하는지 살펴볼 가치가 있습니다.

그러나 부트 스트랩을 사용하여 확장 스타일을 지정하는 대신 사용자 정의 스타일을 다른 옵션으로 사용하지 않겠습니까? 모든 템플릿이 Bootstrap을 기반으로하는 것은 아닙니다.

이것이 약간의 통찰력을 제공하기를 바랍니다.


문제는 템플릿 공급자와 충돌하지 않도록 확장을해야한다는 것입니다. 맞춤 스타일링을 수행하면 고객은 다른 템플릿을 사용하는 동안 문제가 발생합니다.
Shyam

Bootstrap 2.x를 고수하는 것이 가장 좋습니다. Joomla와 함께 제공되는 대부분의 Joomla 템플릿은이 버전을 기반으로합니다. 문제는 때때로 당신이 모든 사람을 수용 할 수 없다는 것입니다. 예를 들어, 거기에 자신의 템플릿을 전원 재단을 사용하는 일부 템플릿 제공 아마도,하지만 난 재단 클래스를 지원하는 모든 개발자 모른다
Lodder

1

확장에서는 항상 확장에 Bootstrap 2 구문, 특히 백엔드를 사용해야합니다. 이 버전은 Joomla 코어에서 공식적으로 지원하는 버전이므로 항상 스타일이 예상대로 작동하고 템플릿과 함께 부트 스트랩을 제공 할 필요가 없습니다. Bootstrap 3과 함께 제공되는 확장에는 이것을 포함해야합니다 (예 : Akeeba 제품과 함께 제공되는 꽤 큰 Akeeba Strapper 클래스 참고).

부트 스트랩 3을 사용하는 템플릿 제공자는 일반적으로 부트 스트랩 2 구문을 적은 파일을 편집하여 부트 스트랩 2 구문을 모두 허용합니다. 템플릿 오버라이드를 사용할 필요가없는 사람들은 어쨌든.

Joomla가 Bootstrap 2와 함께 제공되고 Bootstrap 3으로 이동하지 않는 점은 전체 Joomla 시리즈에 ab / c 교차 확장 CSS / JS 프레임 워크가 있다는 것입니다.


0

Bootstrap 3을 사용해야하는 경우 BS3를 프론트 엔드로 사용하면 프론트 엔드의 메뉴 및 모듈을 편집하는 joomla 코어 기능과 같은 전체 Bootstrap 3 CSS의 이름을 지정해야합니다.

커뮤니티 빌더 포럼에서 인용 :

원본 링크 : http://www.joomlapolis.com/forum/6-news-and-publicity/224106-community-builder-20-b2-released?start=6

그러나 CB2.0은 Bootstrap 2 또는 3을 사용합니까?

부트 스트랩 3.

Bootstrap은 엄청난 불필요한 것들을로드하기 때문에 CB는 항상 완전한 Bootstrap 라이브러리를로드 할 것입니다.

아니요, 우리는 Twitter Bootstrap JS를 사용하지 않습니다.

현재는 CSS 만 사용합니다 (JS 기능을 제공하는 다른 jQuery 플러그인이 더 좋습니다). 또한 네임 스페이스와 함께 Twitter 부트 스트랩을로드하므로 네임 스페이스 외부에서 스타일을 충돌하거나 변경하는 것이 불가능합니다. 지금은 항상로드하지 않습니다. CBs 템플릿이로드 될 때 항상 template.css 및 fontawesome.css 만로드합니다. 참고 CB 모듈은 CB 스타일을 사용하지 않습니다. 이 모듈은 Joomla 1 : 1과 일치하도록 설계되어 모듈이 사이트에 올바르게 맞습니다.

또 다른 해결책은 위의 문제를 피하기 위해 Skeleton 또는 Foundation과 같은 프레임 워크를 사용하는 것입니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.