«twitter-bootstrap» 태그된 질문

Bootstrap은 웹 응용 프로그램 및 사이트 개발을 시작하도록 설계된 프런트 엔드 프레임 워크입니다. Bootstrap 버전과 관련된 질문은 "twitter-bootstrap-2", "twitter-bootstrap-3"및 "bootstrap-4"태그의 특정 버전 태그도 사용하십시오.

5
CDN에서 부트 스트랩을 사용하거나 서버에서 복사해야합니까?
Twitter 부트 스트랩을 사용하는 가장 좋은 방법은 무엇입니까, CDN에서 참조하거나 서버에 로컬 사본을 만드시겠습니까? 부트 스트랩이 계속 발전하고 있기 때문에 CDN을 참조하면 시간이 지남에 따라 다른 웹 페이지가 표시되고 일부 태그가 손상 될 수 있습니다. 대부분의 사람들의 선택은 무엇입니까?

4
반응 형 웹 사이트가 모바일에서 전체 너비로 축소되었습니다.
Bootstrap responsiveness navbar를 테스트 중이며 데모 웹 사이트가 있습니다. 바탕 화면에서 브라우저의 크기를 조정하면 상단에 작은 아이콘이있는 축소 가능 메뉴가되는 탐색 모음을 포함하여 모두 잘 작동합니다. 클릭하면 더 많은 메뉴 버튼을 볼 수 있습니다. 그러나 모바일 브라우저에서 시도했을 때 (Android의 크롬 및 인터넷 브라우저에서 시도했지만) 반응 형 디자인을 보지 못했습니다. …

6
부트 스트랩이있는 스크롤 가능한 메뉴-컨테이너가 확장되어서는 안되는 메뉴
부트 스트랩으로 스크롤 가능한 메뉴를 활성화하기 위해이 방법 ( 피들 )을 시도했지만 그 접근 방식으로 스크롤 가능한 메뉴는 컨테이너를 확장합니다- 바이올린 -스크롤 할 수없는 메뉴는 올바르게 수행하지 않습니다. 이 문제를 어떻게 해결할 수 있습니까? Bootstrap과 호환되는 다른 접근법에 대한 제안도 환영합니다! 참고로, 다음은 첫 번째 메서드 바이올린의 HTML입니다. <ul class="nav"> …



6
Bootstrap 3의 탐색 표시 줄에 아이콘이있는 검색 상자를 추가하는 방법은 무엇입니까?
새로운 Twitter Bootstrap 3을 사용하고 있으며 상단 탐색 바에 다음 과 같은 검색 상자를 배치하려고합니다 . 부트 스트랩 2에서는 다음과 같이 할 수 있습니다. <form class="form-search" method="get" id="s" action="/"> <div class="input-append"> <input type="text" class="input-medium search-query" name="s" placeholder="Search" value=""> <button type="submit" class="add-on"><i class="icon-search"></i></button> </div> </form> 그러나 Bootstrap 3에서 많이 변경 된 …

7
바우어와 함께 부트 스트랩 사용
bower와 함께 부트 스트랩을 사용하려고하지만 전체 저장소를 복제하기 때문에 CSS 및 기타 항목이 없습니다. 자체 빌드 프로세스에 부트 스트랩 빌드를 포함시켜야합니까? 아니면 내가 틀렸다면 올바른 워크 플로는 무엇입니까?

18
reactjs 앱에 부트 스트랩 CSS와 JS를 포함시키는 방법은 무엇입니까?
reactjs를 처음 사용하고 반응식 앱에 부트 스트랩을 포함하고 싶습니다. 부트 스트랩을 설치했습니다. npm install bootstrap --save 이제 반응 앱에 부트 스트랩 CSS와 js를로드하려고합니다. 웹팩을 사용하고 있습니다. webpack.config.js var config = { entry: './src/index', output: { path: './', filename: 'index.js' }, devServer: { inline: true, port: 8080, historyApiFallback: true, contentBase:'./src' }, …

5
100 % 너비의 트위터 부트 스트랩 3 템플릿
부트 스트랩 초보자이며 부트 스트랩으로 코딩하려는 100 % 너비의 템플릿이 있습니다. 첫 번째 열은 왼쪽 모서리에서 시작하며 가장 오른쪽으로 뻗어있는 Google지도가 있습니다. container-fluid수업 에서이 작업을 수행 할 수 있다고 생각 했지만 더 이상 사용할 수없는 것 같습니다. : 나는 어떻게 themeforest에서, 당신은 레이아웃을보고 싶다면 여기 링크 I는 기하 PSD 템플릿을 …


16
Bootstrap 4 카드를 카드 열에서 같은 높이로 만드는 방법은 무엇입니까?
저는 Bootstrap 4 alpha 2를 사용하고 있으며 카드를 활용하고 있습니다. 특히 공식 문서에서 가져온 이 예제 로 작업하고 있습니다. 모든 카드를 같은 높이로 만들려면 어떻게해야합니까? 지금까지 생각할 수있는 것은 다음 CSS 규칙을 설정하는 것뿐입니다. .card { min-height: 200px; } 그러나 이것은 일반적인 경우에는 작동하지 않는 하드 코딩 된 솔루션 일뿐입니다. …

30
클릭시 트위터 부트 스트랩 탐색 축소 숨기기
이것은 하위 메뉴 드롭 다운이 아니며 범주는 그림과 같이 클래스 li입니다. 반응 형 메뉴 (템플릿은 한 페이지 일뿐 임)에서 범주를 선택하면 클릭 할 때 탐색 축소를 자동으로 숨기고 싶습니다. 템플릿에는 한 페이지 만 있기 때문에 탐색으로 사용할 수도 있습니다. 나는 그것에 영향을 미치지 않는 해결책을 찾고 있습니다. 메뉴의 HTML 코드는 …


6
부트 스트랩 3의 선택 태그에서 경계 반경 제거
이것은 사소한 문제처럼 보이지만 알아낼 수는 없습니다. Bootstraps 자체 웹 사이트에는 Select 예제가 있습니다. 코드를 보면 해당 선택 요소에 테두리 반경이 4 인 것처럼 보입니다. 테두리 반경을 0으로 변경하면 선택 요소에서 테두리 반경이 제거되지만 아래 그림과 같이 그렇지 않습니다. 선택 요소를 변경하는 모든 CSS를 살펴 보았지만 테두리 반경을 제거하지 않는 …


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