«twitter-bootstrap» 태그된 질문

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

12
부트 스트랩이있는 고정 너비 버튼
부트 스트랩은 고정 너비 버튼을 지원합니까? 현재 "저장"및 "다운로드"버튼이 두 개인 경우 버튼 크기는 내용에 따라 변경됩니다. 또한 부트 스트랩을 확장하는 올바른 방법은 무엇입니까?

30
수직 중심 부트 스트랩 모달 창
뷰포트 (가운데)에 모달을 중앙에 놓고 싶습니다 .CSS 속성을 추가하려고했습니다. .modal { position: fixed; top:50%; left:50%; } 이 예제를 사용하고 있습니다 http://jsfiddle.net/rniemeyer/Wjjnd/ 나는 시도했다 $("#MyModal").modal('show').css( { 'margin-top': function () { return -($(this).height() / 2); }, 'margin-left': function () { return -($(this).width() / 2); } })

5
클릭 대신 부트 스트랩 팝 오버가 호버에서 나타나거나 사라지도록하십시오.
Bootstrap의 Popover 로 웹 사이트를 구축 중이며 클릭 대신 팝 오버가 호버에 표시되는 방법을 알 수 없습니다. 내가하고 싶은 것은 누군가 링크를 클릭하는 대신 링크 위로 마우스를 가져 가면 팝 오버가 나타나고 이동하면 팝 오버가 사라지게하는 것입니다. 설명서에는 data 속성 또는 jquery를 사용할 수 있다고 나와 있습니다. 여러 팝 오버가 …

19
호버로 부트 스트랩 드롭 다운
좋아, 그래서 내가 필요한 것은 매우 간단합니다. 몇 가지 드롭 다운 메뉴가있는 탐색 표시 줄을 설정하고 (사용 class="dropdown-toggle" data-toggle="dropdown") 잘 작동합니다. 문제는 " onClick" 작동하지만 " " 작동 하면 선호합니다 onHover. 이 작업을 수행하는 기본 제공 방법이 있습니까?

6
부트 스트랩 모달 오픈에서 함수 호출
나는 JQuery UI의 대화 상자를 사용 open했고 대화 상자가 열리면 실행할 JavaScript 코드를 지정할 수 있는 옵션 이있었습니다 . 내가 가진 기능을 사용하여 대화 상자 내에서 텍스트를 선택하기 위해 해당 옵션을 사용했을 것입니다. 이제 부트 스트랩의 모달을 사용하여 그렇게하고 싶습니다. 아래는 HTMl 코드입니다. <div id="code" class="modal hide fade"> <div class="modal-header"> …

12
부트 스트랩 3 바닥 글을 바닥으로 플러시합니다. 고정되지 않은
설계중인 사이트에 Bootstrap 3을 사용하고 있습니다. 이 샘플과 같은 바닥 글을 갖고 싶습니다. 견본 부트 픽스 navbar-fixed-bottom으로 인해 문제가 해결되지 않도록 수정하는 것을 원하지 않습니다. 나는 그것이 항상 콘텐츠의 맨 아래에 있고 반응하기를 원합니다. 모든 가이드는 대단히 감사하겠습니다. 편집하다: 확실하지 않으면 죄송합니다. 이제 콘텐츠 본문에 충분한 콘텐츠가 없을 때 발생합니다. …

23
오류를 수정하는 방법; '오류 : 부트 스트랩 툴팁에는 테더 (http://github.hubspot.com/tether/)가 필요합니다'
Bootstrap V4를 사용하고 있으며 콘솔에 다음 오류가 기록됩니다. 오류 : 부트 스트랩 툴팁에 테더가 필요합니다 ( http://github.hubspot.com/tether/ ) Tether를 설치하여 오류를 제거하려고 시도했지만 작동하지 않습니다. 다음 코드 줄을 포함하여 Tether를 '설치'했습니다. <link rel="stylesheet" href="http://www.atlasestateagents.co.uk/css/tether.min.css"> <script src="http://www.atlasestateagents.co.uk/javascript/tether.min.js"></script> 테더를 올바르게 '설치'했습니까? 누구 든지이 오류를 제거하도록 도울 수 있습니까? 내 사이트에서 오류를 보려면 …

5
부트 스트랩과 함께 Fieldset Legend 사용
내 JSP페이지에 Bootstrap을 사용하고 있습니다. 사용 <fieldset>하고 싶은 <legend>양식입니다. 이것은 내 코드입니다. <fieldset class="scheduler-border"> <legend class="scheduler-border">Start Time</legend> <div class="control-group"> <label class="control-label input-label" for="startTime">Start :</label> <div class="controls bootstrap-timepicker"> <input type="text" class="datetime" id="startTime" name="startTime" placeholder="Start Time" /> <i class="icon-time"></i> </div> </div> </fieldset> CSS는 fieldset.scheduler-border { border: 1px groove #ddd !important; padding: 0 …

14
부트 스트랩에 잡히지 않는 오류가 발생합니다. 부트 스트랩의 JavaScript에는 jQuery가 필요합니다.
닫은. 이 질문은 디버깅 세부 사항 이 필요합니다 . 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 질문을 업데이트하여 스택 오버플로에 대한 주제 입니다. 휴일 2 년 전 . 이 질문을 개선하십시오 Bootstrap을 사용하여 프로그램의 인터페이스를 만들려고합니다. jQuery 1.11.0을 <head>태그에 추가 하고 그 점을 생각했지만 브라우저에서 웹 페이지를 시작하면 jQuery가 오류를보고합니다. …

16
Twitter Bootstrap의 모든 둥근 모서리를 제거
Twitter Bootstrap 2.0을 좋아합니다-완벽한 라이브러리 인 방법을 좋아합니다 ... 매우 둥글 지 않은 사이트에 대한 전역 수정을 원합니다 .Bootstrap의 모든 둥근 모서리를 제거하고 싶습니다 ... 그것은 CSS를 많이 사용합니다. 글로벌 스위치가 있습니까, 아니면 모든 라운드를 찾고 교체하는 가장 좋은 방법은 무엇입니까?

18
비활성화 된 버튼에서 부트 스트랩 툴팁을 활성화하는 방법은 무엇입니까?
비활성화 된 버튼에 툴팁을 표시하고 활성화 된 버튼에서 툴팁을 제거해야합니다. 현재는 반대로 작동합니다. 이 행동을 뒤집는 가장 좋은 방법은 무엇입니까? $('[rel=tooltip]').tooltip(); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> <hr> <button class="btn" disabled rel="tooltip" data-title="Dieser Link führt zu Google">button disabled</button> <button class="btn" rel="tooltip" data-title="Dieser Link führt zu Google">button not disabled</button> 코드 …


10
부트 스트랩 3 중단 점 및 미디어 쿼리
온 부트 스트랩 3 미디어 쿼리 문서 는 말합니다 : Less 파일에서 다음과 같은 미디어 쿼리를 사용하여 그리드 시스템에서 주요 중단 점을 만듭니다. 초소형 장치 (전화, 768 픽셀 미만) : 미디어 쿼리가 없습니다. 이것이 부트 스트랩의 기본값이므로 소형 기기 (태블릿, 768 픽셀 이상) : @media (min-width: @screen-sm-min) { ... } …

6
`col-xs- *`는 Bootstrap 4에서 작동하지 않습니다
나는 이것을 전에 만난 적이 없으며 해결책을 찾기 위해 매우 어려움을 겪고 있습니다. 부트 스트랩에서 컬럼이 매체와 같을 때 : <h1 class="text-center">Hello, world!</h1> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h1>vicki williams</h1> </div> </div> </div> 텍스트 정렬은 잘 작동합니다. 그러나 열을 매우 작게 만들 때 : <div class="container"> <div class="row"> …

14
부트 스트랩 버튼 드롭 다운 제목에 선택한 항목을 표시하는 방법
내 응용 프로그램에서 다음과 같이 부트 스트랩 드롭 다운 구성 요소를 사용하고 있습니다. <div class="btn-group"> <button class="btn">Please Select From List</button> <button class="btn dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> <li><a tabindex="-1" href="#">Item I</a></li> <li><a tabindex="-1" href="#">Item II</a></li> <li><a tabindex="-1" href="#">Item III</a></li> <li class="divider"></li> <li><a tabindex="-1" href="#">Other</a></li> </ul> </div> …

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