«twitter-bootstrap» 태그된 질문

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


6
부트 스트랩 3-행 클래스가 컨테이너보다 넓은 이유는 무엇입니까?
방금 부트 스트랩 3을 사용하기 시작했습니다. 행 클래스가 어떻게 작동하는지 이해하는 데 어려움을 겪고 있습니다. 피할 수있는 방법이 있나요 padding-left과 padding-right? <div class="row" style="background:#000000"> <div class="col-xs-4 .col-xs-offset-1"> col </div> <div class="col-xs-2"> col </div> <div class="col-xs-2"> col </div> <div class="col-xs-2"> col </div> </div> http://jsfiddle.net/petran/rdRpx/

16
표시된 후 부트 스트랩 모달의 첫 번째 텍스트 입력에 초점을 설정하는 방법
동적 부트 스트랩 모달을로드하고 텍스트 입력이 거의 없습니다. 커서가이 모달의 첫 번째 입력에 초점을 맞추고 싶은 문제는 기본적으로 발생하지 않습니다. 그래서이 코드를 작성했습니다. $('#modalContainer').on('show', function () { $('input:text:visible:first').focus(); }); 그러나 이제는 잠시 입력에 초점을 맞춘 다음 자동으로 사라집니다. 왜 이런 일이 발생하고 어떻게 해결합니까?

21
버튼을 클릭하고 마우스를 놓은 후에도 부트 스트랩의 툴팁이 사라지지 않습니다.
부트 스트랩의 툴팁에 문제가 있습니다. 버튼을 클릭하면 커서가 버튼 밖에 있어도 툴팁이 유지됩니다. 매뉴얼 -Bootstrap의 툴팁 을 살펴 보았고 버튼을 클릭하면 동일한 문제가 나타납니다. 이 문제를 해결할 해결책이 있습니까? 최신 FF, IE에서 시도했습니다.

6
트위터 부트 스트랩 자동 완성 드롭 다운 / Knockoutjs를 사용한 콤보 박스
부트 스트랩 자동 완성 드롭 다운을 사용해야하는 요구 사항이 있지만 원하는 경우 해당 드롭 다운에 자유 형식 텍스트를 사용할 수 있습니다. TypeAhead에 대해 생각하기 전에 Bootstrap TypeAhead 텍스트 상자를 사용할 수 있지만 사용자가 무엇을 검색해야하는지 모르는 경우를 대비하여 몇 가지 기본값을 헤드 스타트 ​​옵션으로 제공하고 싶기 때문에 드롭 다운이 필요합니다. …

10
Twitter Bootstrap에서 표 중앙에 텍스트 배치
어떤 이유로 표 안의 텍스트는 여전히 가운데에 있지 않습니다. 왜? 표 안의 텍스트를 어떻게 중앙에 배치합니까? 명확하게하기 위해 : 예를 들어 "Lorem"이 4 개의 "1"중간에 위치하기를 원합니다. @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); table, thead, tr, tbody, th, td { text-align: center; } <table class="table"> <thead> <tr> <th>1</th> <th>1</th> <th>1</th> <th>1</th> <th>2</th> <th>2</th> <th>2</th> …

18
호버링하는 동안 부트 스트랩 팝 오버를 유지하려면 어떻게해야합니까?
부트 스트랩 팝 오버를 사용하여 사용자 정보를 표시하는 호버 카드를 만들고 버튼을 마우스 오버하면 트리거합니다. 팝 오버 자체가 호버링되는 동안이 팝 오버를 유지하고 싶지만 사용자가 버튼 위로 마우스를 가져가는 것을 멈 추면 즉시 사라집니다. 어떻게 할 수 있습니까? $('#example').popover({ html : true, trigger : 'manual', content : function() { return …

3
부트 스트랩 v4 datepicker [닫힘]
닫은. 이 질문은 Stack Overflow 지침을 충족하지 않습니다 . 현재 답변을 받고 있지 않습니다. 이 질문을 개선하고 싶으십니까? Stack Overflow의 주제에 맞게 질문을 업데이트하세요 . 휴일 2 년 전 . 이 질문 개선 새 웹 사이트에 Bootstrap V4를 사용하고 있으며 알파 버전임을 확인했습니다. 그러나 빌드에 datepicker.js가 있음을 알 수 없습니다. …


21
Angular 4 : 부트 스트랩을 포함하는 방법?
저는 백엔드 개발자이고 Angular4를 사용하고 있습니다. 그래서이 설치 튜토리얼을했습니다 : https://www.youtube.com/watch?v=cdlbFEsAGXo . 이 점을 감안할 때 "container-fluid"또는 "col-md-6"클래스 등을 사용할 수 있도록 어떻게 부트 스트랩을 앱에 추가 할 수 있습니까?

9
부트 스트랩 모달이 열려 있는지 확인하는 방법으로 jquery validate를 사용할 수 있습니다.
모달이 열려있는 경우에만 유효성 검사를 수행해야합니다. 왜냐하면 모달을 연 다음 닫으면 모달을 여는 버튼을 누르면 jquery 유효성 검사를 수행하기 때문에 작동하지 않기 때문입니다. 모달이 해제 되었기 때문에 표시됩니다. 그래서 모달이 열려 있으면 jquery를 광고하여 유효성을 검사하고 싶습니다. 가능합니까? <script> $(document).ready(function(){ var validator =$('#form1').validate( { ignore: "", rules: { usu_login: { …

18
Angular ng-repeat는 3 개 또는 4 개의 열마다 부트 스트랩 행을 추가합니다.
3 열마다 부트 스트랩 행 클래스를 주입하는 올바른 패턴을 찾고 있습니다. cols에는 고정 높이가 없기 때문에 필요합니다 (고정하고 싶지 않습니다). 그래서 내 디자인이 깨집니다! 내 코드는 다음과 같습니다. <div ng-repeat="product in products"> <div ng-if="$index % 3 == 0" class="row"> <div class="col-sm-4" > ... </div> </div> </div> 그러나 각 행에 하나의 …

29
부트 스트랩 모달 : 토글시 배경이 맨 위로 이동
모달에 문제가 있습니다. 페이지에 모달을 토글하는 버튼이 있습니다. 모달이 나타나면 페이지가 맨 위로 이동합니다. 해결책 / 등을 찾기 위해 할 수있는 모든 것을 다했지만 정말 길을 잃었습니다. 편집하다: 나는 또한 시도해 보았지만 $('#myModal').modal('show');똑같은 효과가 있습니다.

4
Bootstrap 4 : 드롭 다운 메뉴가 화면 오른쪽에 표시됩니다.
드롭 다운 항목이 페이지를 벗어나지 않는 것 같습니다. BS3에서 몇 가지를 시도했지만 작동하지 않는 것 같습니다. ml-auto 때문인지 잘 모르겠습니다. (if-else 문 무시) CodePen 은 다음과 같습니다 . <div class="container-fluid"> <nav class="navbar fixed-top navbar-toggleable-md navbar-inverse" style="background-color: #3c763d!important;"> <button class="navbar-toggler navbar-toggler-right navbar-toggler-custom" type="button" data-toggle="collapse" data-target="#searchNav" aria-controls="searchav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> …

9
Twitter의 부트 스트랩 2.1.0에서 새로운 affix 플러그인을 사용하는 방법은 무엇입니까?
그 주제에 대한 부트 스트랩 문서는 저에게 약간 혼란 스럽습니다. 접미사 navbar가있는 문서에서와 같은 유사한 동작을 달성하고 싶습니다 : navbar는 단락 / 페이지 머리글 아래에 있으며 아래로 스크롤하면 먼저 페이지 상단에 도달 할 때까지 스크롤 한 다음 추가 스크롤 다운을 위해 고정 된 상태로 있어야합니다. . jsFiddle은 navbar 개념에서 작동하지 …

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