«twitter-bootstrap» 태그된 질문

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


21
부트 스트랩 닫기 반응 형 메뉴 "클릭시"
"PRODUCTS"에서 흰색 div를 위로 슬라이드합니다 (첨부 참조). 반응 형 (모바일 및 태블릿) 상태에서 반응 형 탐색 메뉴를 자동으로 닫고 흰색 막대 만 표시하고 싶습니다. 나는 시도했다 : $('.btn-navbar').click(); 또한 시도 : $('.nav-collapse').toggle(); 그리고 그것은 작동합니다. 그러나 데스크톱 크기에서는 메뉴가 1 초 동안 축소되는 펑키 한 작업을 수행하기도합니다. 어떤 아이디어?



6
부트 스트랩-카드 하단에 버튼 정렬
card-deck및 card클래스 를 사용하는 부트 스트랩 예제 중 하나를 살펴 보았습니다 ( 가격 예제 ). 목록 중 하나에 다른 항목보다 항목이 적 으면 단추 정렬을 어떻게 수정할 수 있는지 궁금했습니다. 모든 버튼을 세로로 정렬하고 (각 카드 하단에 있음)이 작업을 수행하는 방법을 알 수 없습니다. .align-bottom클래스를 설정 하고 버튼을 <div class="align-text-bottom">. …



6
부트 스트랩 3의 그리드 클래스 (col-sm- # 및 col-lg- #) 이해
저는 Bootstrap 3에서 시작하고 있으며 그리드 클래스가 어떻게 사용되는지 이해하는 데 어려움이 있습니다. 지금까지 알아 낸 내용은 다음과 같습니다. 화면이 특정 크기 (각각 768px 및 992px) 이상일 때만 적용된다는 점에서 클래스 col-sm-#및 col-lg-#일반 이전 과 다른 것으로 col-#보입니다. -sm- 또는 -lg-를 생략하면 div가 하나의 열로 축소되지 않습니다. 나는 둘 다 …

7
클릭시 Bootstrap 드롭 다운을 열어 둡니다.
부트 스트랩 드롭 다운을 쇼핑 카트로 사용합니다. 장바구니에는 '제품 삭제'버튼 (링크)이 있습니다. 클릭하면 장바구니 스크립트가 제품을 삭제하지만 메뉴가 사라집니다. 어쨌든 이것을 막을 방법이 있습니까? e.startPropagation을 시도했지만 작동하지 않는 것 같습니다. <div id="shoppingcart" class="nav-collapse cart-collapse"> <ul class="nav pull-right"> <li class="dropdown open"> <a href="#" data-toggle="dropdown" class="dropdown-toggle">Totaal: € 43,00</a> <ul class="dropdown-menu"> <li class="nav-header">Pakketten</li> …

8
부트 스트랩 3.0 팝 오버 및 툴팁
Bootstrap을 처음 사용하고 팝 오버 및 도구 설명 기능을 작동하는 데 문제가 있습니다. 드롭 다운과 모델에 문제가 없었지만 팝 오버와 툴팁에 뭔가 빠진 것 같습니다. 도구 설명이 표시되지만 부트 스트랩 예제처럼 스타일이 지정되지 않고 위치가 지정되지 않았습니다. 그리고 팝 오버가 전혀 작동하지 않습니다. 한 번 살펴보고 내가 무엇을 놓치고 있는지 …

9
Bootstrap2로 div를 중앙에 배치하는 방법은 무엇입니까?
http://twitter.github.com/bootstrap/scaffolding.html 나는 모든 조합처럼 시도했습니다. <div class="row"> <div class="span7 offset5"> box </div> </div> 또는 <div class="container"> <div class="row"> <div class="span7 offset5"> box </div> </div> </div> 스팬 및 오프셋 번호 변경 ... 하지만 페이지 중앙에 완벽하게 정렬 된 간단한 상자를 얻을 수 없습니다. 6 열 너비의 상자를 가운데에두고 싶습니다. 편집하다: 함께 …


16
jQuery 유효성 검사 알림을 위해 Twitter Bootstrap 팝 오버를 사용하는 방법은 무엇입니까?
부트 스트랩을 사용하여 팝 오버를 쉽게 표시 할 수 있으며 표준 jQuery 유효성 검사 플러그인 또는 jQuery 유효성 검사 엔진을 사용하여 유효성 검사를 수행 할 수도 있지만 하나를 다른 것으로 공급하는 방법을 알 수 없습니다. 내가 필요한 것은 알림을 표시하고 메시지와 대상 요소를 팝 오버로 전달하는 클로저를 제공하려고 할 때 …

10
Twitter 부트 스트랩 스크롤 가능 모달
작업중인 프로젝트에 트위터 부트 스트랩을 사용하고 있습니다. 나는 그 안에 약간 더 긴 형태의 모달 창이 있고 창이 너무 작아지면 모달이 스크롤되지 않는 것을 좋아하지 않았습니다 (스크롤 할 수없는 내 페이지에서 사라진 경우). 이 문제를 해결하기 위해 다음 CSS를 사용했습니다. .modal { overflow-y:auto; max-height:90%; margin-top:-45%; } 이것은 Chrome에서 원하는 방식으로 …

27
부트 스트랩 모달 : 전류 폐쇄, 새로 열기
잠시 동안 찾았지만 이에 대한 해결책을 찾을 수 없습니다. 다음을 원합니다. 부트 스트랩 모달 내에서 URL을 엽니 다. 나는이 과정에서 일하고 있습니다. 따라서 콘텐츠가 동적으로로드됩니다. 사용자가이 모달 내부의 버튼을 누르면 현재 모달을 숨기고 그 직후에 사용자가 클릭 한 새 URL로 새 모달이 열리기를 원합니다. 두 번째 모달의이 내용도 동적으로로드됩니다. 사용자가 …

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