«twitter-bootstrap» 태그된 질문

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

17
Twitter 부트 스트랩의 모달 크기 늘리기
모달 양식의 크기를 변경하려고하거나 오히려 렌더링하는 내용에 응답해야합니다. 양식을 렌더링하는 데 사용하고 있으며 필요한 경우 스크롤을 처리하는 것을 선호합니다. 내가 렌더링하는 폼에는 아마도 다른 50px가 필요할 것입니다. 단지 버튼이 없습니다. 따라서 application.css.scss 파일 (Rails 3.2 사용)에서 .modal 스타일을 재정의하려고 시도했지만 최대 높이 및 오버플로 편차가 덮어 쓰여진 것 같습니다. 이견있는 …

15
jQuery 유효성 검사 플러그인이있는 부트 스트랩
jQuery Validation Plugin을 사용하여 양식에 유효성 검사를 추가하려고하는데 입력 그룹을 사용할 때 플러그인에서 오류 메시지를 표시하는 데 문제가 있습니다. $('form').validate({ rules: { firstname: { minlength: 3, maxlength: 15, required: true }, lastname: { minlength: 3, maxlength: 15, required: true } }, highlight: function(element) { $(element).closest('.form-group').addClass('has-error'); }, unhighlight: function(element) { $(element).closest('.form-group').removeClass('has-error'); …

30
페이지의 아무 곳이나 클릭하여 Twitter Bootstrap 팝 오버를 닫으려면 어떻게해야합니까?
현재 트위터 부트 스트랩으로 팝 오버를 사용하고 있습니다. $('.popup-marker').popover({ html: true, trigger: 'manual' }).click(function(e) { $(this).popover('toggle'); e.preventDefault(); }); 보시다시피, 수동으로 트리거되고 .popup-marker (배경 이미지가있는 div)를 클릭하면 팝 오버가 토글됩니다. 이것은 훌륭하게 작동하지만 페이지의 다른 곳에서 클릭으로 팝 오버를 닫을 수 있기를 원합니다 (그러나 팝 오버 자체는 아닙니다!). 나는 다음을 포함하여 …

17
부트 스트랩 3의 입력 너비
다시 업데이트 : 사람들이 실제로 질문을 이해하지 않고 답변을 추가하지 못하게하는 최상위 답변을 선택 하여이 질문을 닫습니다. 실제로 그리드를 사용하거나 추가 CSS를 추가하지 않고 기능을 빌드하여 수행 할 수있는 방법이 없습니다. help-block예를 들어 짧은 입력을 넘어서야하지만 '빌드 인'요소를 다루는 경우 그리드가 제대로 작동하지 않습니다 . 이것이 문제라면 BS3 토론 에서 …

12
여러 "데이터 토글"을 사용한 부트 스트랩 제어
"data-toggle"을 통해 하나 이상의 이벤트를 부트 스트랩 제어에 지정하는 방법이 있습니까? 예를 들어, "툴팁"과 "버튼"토글이 할당 된 버튼을 원한다고 가정하겠습니다. data-toggle = "tooltip button"을 시도했지만 툴팁 만 작동했습니다. 편집하다: 이것은 쉽게 "해결 가능" $("#newbtn").toggleClass("active").toggleClass("btn-warning").toggleClass("btn-success");

9
부트 스트랩 경고 자동 닫기
위시리스트에 추가 버튼을 클릭하면 2 초 후에 경고가 사라집니다. 이것이 내가 시도한 방법이지만 경고가 표시되는 즉시 경고가 사라집니다. 확실하지 않습니다, 버그가 어디에 있는지 .. 누구든지 나를 도울 수 있습니까? JS 스크립트 $(document).ready (function(){ $("#success-alert").hide(); $("#myWish").click(function showAlert() { $("#success-alert").alert(); window.setTimeout(function () { $("#success-alert").alert('close'); }, 2000); }); }); HTML 코드 : <div …

8
Twitter의 Popover의 컨텐츠로 div를 사용할 수 있습니까?
트위터 부트 스트랩의 팝 오버를 사용하고 있습니다 . 현재 팝 오버 텍스트를 스크롤하면 <a>의 data-content속성에 있는 텍스트만으로 팝 오버가 나타납니다 . 어쨌든 <div>팝 오버 안에 넣을 것이 궁금합니다 . 잠재적으로, 거기에 php와 mysql을 사용하고 싶지만 div를 작동시킬 수 있다면 나머지를 알아낼 수 있다고 생각합니다. 데이터 내용을 divID로 설정하려고 시도했지만 작동하지 …

11
select2 입력의 너비를 설정하십시오 (Angular-ui 지시문을 통해)
이 플런저 (select2 + angulat-ui)를 작동시키는 데 문제가 있습니다. http://plnkr.co/edit/NkdWUO?p=preview 로컬 설정에서 select2 작업을 얻었지만 docs에 설명 된대로 너비를 설정할 수 없습니다 . 사용하기에는 너무 좁습니다. 감사합니다. 편집 : plnkr을 신경 쓰지 마십시오. 여기에서 작동하는 바이올린을 찾았습니다 http://jsfiddle.net/pEFy6/ 첫 번째 요소의 너비로 축소되는 것은 select2의 동작 인 것처럼 보입니다. bootstrap을 …

8
트위터 부트 스트랩 드롭 다운이 화면 밖으로 나갑니다.
트위터 부트 스트랩 드롭 다운 메뉴를 구현하고 싶습니다. 내 코드는 다음과 같습니다. <span class="dropdown"> <a href="#menu1" class="dropdown-toggle" data-toggle="dropdown" ><img class="left" src="/static/img/topmenu_preferences.png" /><b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">a</a></li> <li><a href="#">b</a></li> <li><a href="#">c</a></li> <li class="divider"></li> <li><a href="#">d</a></li> </ul> 드롭 다운이 제대로 작동하고 드롭 다운이 화면의 오른쪽 가장자리 옆에 있으며 드롭 다운 토글을 …

14
트위터 부트 스트랩 스크롤 가능 테이블
내 웹 사이트에 테이블을 갖고 싶습니다. 문제는이 테이블에 약 400 개의 행이 있다는 것입니다. 테이블 높이를 제한하고 스크롤 막대를 적용하는 방법은 무엇입니까? 이것은 내 코드입니다. <div class="span3"> <h2>Achievements left</h2> <table class="table table-striped"> <thead> <tr> <th>#</th> <th>Name</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Something</td> </tr> <tr> <td>2</td> <td>Something</td> </tr> <tr> <td>3</td> <td>Something</td> …


11
Google지도에 영향을주는 Twitter 부트 스트랩 CSS
Twitter Bootstrap을 사용하고 있으며 Google지도가 있습니다. 마커와 같은지도의 이미지가 부트 스트랩의 CSS에 의해 왜곡됩니다. 부트 스트랩 CSS에는 다음이 있습니다. img { border: 0 none; height: auto; max-width: 100%; } max-widthFirebug를 사용하여 속성을 비활성화하면 마커 이미지가 정상적으로 나타납니다. Bootstrap CSS가 Google지도 이미지에 영향을 미치지 않도록하려면 어떻게해야합니까?

2
호스팅 된 Twitter Bootstrap 버전이 있습니까? [닫은]
닫은. 이 질문은 주제에 맞지 않습니다 . 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 질문 업데이트 는 그래서 주제에 스택 오버플로합니다. 휴일 칠년 전에 . 이 질문을 개선하십시오 Twitter Bootstrap 의 호스팅 버전이 있습니까? Google에서 호스팅되는 jQuery 버전과 비슷한 것이 있습니까?

6
트위터 부트 스트랩 float div right
bootstrapdiv를 오른쪽으로 띄우는 올바른 방법은 무엇입니까 ? pull-right권장 방법 이라고 생각 했지만 작동하지 않습니다. @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); .container { margin-top: 10px; } <div class="container"> <div class="row-fluid"> <div class="span6"> <p>Text left</p> </div> <div class="span6 pull-right"> <p>text right</p> </div> </div> </div> 코드 스 니펫 실행결과 숨기기스 니펫 확장

10
jQueryUI 툴팁이 Twitter 부트 스트랩과 경쟁합니다
나는 일 몇 가지 도구 설명 얻을 수 있었다 마지막으로 다음 코드를 : <a href="#" rel="tooltip" title="Tool tip text here">Hover over me</a> 그리고 <script> $('[rel=tooltip]').tooltip(); </script> 내가 겪고있는 문제는 부트 스트랩 대신 jQueryUI 툴팁 (화살표, 큰 추악한 툴팁)을 사용하고 있다는 것입니다. jQueryUI 대신 부트 스트랩 툴팁을 사용하려면 어떻게해야합니까?

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