[twitter-bootstrap] 바우어와 함께 부트 스트랩 사용

Program / 글쓴이

bower와 함께 부트 스트랩을 사용하려고하지만 전체 저장소를 복제하기 때문에 CSS 및 기타 항목이 없습니다.

자체 빌드 프로세스에 부트 스트랩 빌드를 포함시켜야합니까? 아니면 내가 틀렸다면 올바른 워크 플로는 무엇입니까?

답변

마침내 다음을 사용하여 끝났습니다.
bower install --save http://twitter.github.com/bootstrap/assets/bootstrap.zip

그것이 전체 저장소를 복제하지 않기 때문에 나에게 더 깨끗한 것 같습니다. 필요한 의견을 풀어야합니다.

그것의 단점은 bower update부트 스트랩을 업데이트하지 않기 때문에 bower 철학을 위반한다는 것 입니다.

그러나 bower install bootstrap워크 플로우에서 부트 스트랩을 사용한 다음 빌드하는 것보다 여전히 깨끗하다고 ​​생각합니다 .

내가 선택하는 것은 선택의 문제입니다.

업데이트 : 이제 dist 폴더의 버전을 확인한 것 같습니다 ( https://github.com/twbs/bootstrap/pull/6342 참조 ) 폴더 bower install bootstrap의 자산을 사용 하고 가리 키십시오.dist

답변

bootstrap-css라는 사전 빌드 된 부트 스트랩 바우어 패키지가 있습니다. 나는 이것이 당신과 내가 찾고자하는 것이라고 생각합니다.

bower install bootstrap-css

고마워 니코

답변

css 및 js 파일은 패키지 내에 있습니다. bootstrap/docs/assets/

최신 정보:

v3부터는 dist모든 CSS, js 및 글꼴을 포함 하는 폴더가 패키지에 있습니다.

다른 옵션 (단일 파일 만 가져 오려는 경우)은 pulldown 입니다. 구성은 매우 간단하며 자신의 파일 / URL을 목록에 쉽게 추가 할 수 있습니다.

답변

전 세계에 npm을 설치하고 bower를 설치했다고 가정합니다.

  1. 프로젝트로 이동
  2. bower init (이것은 디렉토리에 bower.json 파일을 생성합니다)
  3. (예를 계속 클릭하십시오) …

  4. 부트 스트랩을 설치할 경로를 설정하려면 :
    수동으로.bowerrc bower.json 파일 옆에 파일을 다음을 추가하십시오.

    { “directory”: “public / components”}

  5. bower install bootstrap --save

참고 : 다른 구성 요소를 설치하려면 다음을 수행하십시오.

 bower search {component-name-here}

답변

프로젝트를 처음 체크 아웃 할 때 실제로 한 번만 실행하면되는 쉘 스크립트로 끝났습니다.

#!/usr/bin/env bash

mkdir -p webroot/js
mkdir -p webroot/css
mkdir -p webroot/css-min
mkdir -p webroot/img
mkdir -p webroot/font

npm i
bower i

# boostrap
pushd components/bootstrap
npm i
make bootstrap
popd
cp components/bootstrap/bootstrap/css/*.min.css webroot/css-min/
cp components/bootstrap/bootstrap/js/bootstrap.js src/js/deps/
cp components/bootstrap/bootstrap/img/* webroot/img/

# fontawesome
cp components/font-awesome/css/*.min.css webroot/css-min/
cp components/font-awesome/font/* webroot/font/

답변

또한 다음과 같은 명령으로 기억하십시오 :

bower search twitter

트위터와 관련된 패키지 목록으로 결과를 얻습니다. 이렇게하면 새로운 bower 구성 요소가 있는지 아는 것과 같이 Twitter 및 Bower에 관한 모든 최신 정보를 얻을 수 있습니다.

답변

명령 을 실행하기 위해 시스템에 nodeJ 를 설치 했습니다npm . 일단 npm제대로 작동하면 방문 할 수 있습니다 bower.io. 이 주제에 대한 완전한 문서가 있습니다. 당신은 명령을 찾을 수 $ npm install bower있습니다. 컴퓨터에 바우어 가 설치됩니다 . bower 를 설치 한 후 Bootstrap을 쉽게 설치할 수 있습니다.

여기에 비디오 자습서가 있습니다