«twitter-bootstrap» 태그된 질문

나는 Bootstrap을 처음 사용 하고이 문제에 봉착했습니다. 입력 필드가 있고 한 자리를 입력하자마자 from 함수 onChange가 호출되지만 정수가 입력되면 'Enter'를 누를 때 호출되기를 원합니다. 유효성 검사 기능과 동일한 문제-너무 빨리 호출됩니다. var inputProcent = React.CreateElement(bootstrap.Input, {type: "text", //bsStyle: this.validationInputFactor(), placeholder: this.initialFactor, className: "input-block-level", onChange: this.handleInput, block: true, addonBefore: '%', ref:'input', …

204 javascript  twitter-bootstrap  reactjs 

부트 스트랩을 사용하여 웹 사이트에서 작업하고 있습니다. 기본적으로, 나는 영웅 유닛의 버튼으로 소환 된 홈페이지에서 모달을 사용하고 싶었습니다. 버튼 코드 : <button type="button" class="btn btn-warning btn-large" data-toggle="modal" data-target="#myModal">Open Modal</button> 모달 코드 : <div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">In …

203 twitter-bootstrap  modal-dialog 

부트 스트랩 3 탐색 모음이 접히는 지점을 늘릴 수있는 방법이 있습니까 (즉, 세로 태블릿에서 드롭 다운으로 축소되도록)? 이 두 가지는 부트 스트랩 2에 적용되었지만 지금은 아닙니다! Twitter 부트 스트랩 응답을 사용하여 탐색 모음 축소 임계 값을 변경하는 방법은 무엇입니까? 기본 반응 형 탐색 표시 줄 중단 점 변경

202 twitter-bootstrap  twitter-bootstrap-3  navbar 

수제 수업없이 트위터 부트 스트랩에서 다음과 같은 양식을 디자인하는 가장 좋은 방법은 무엇입니까? 아래 예제와 같이 양식 가로 안에 내부 양식 인라인을 설정할 수 있습니까?

199 html  forms  twitter-bootstrap 

다음과 같이 2x2 형식의 4 개의 작은 이미지가있는 1 개의 큰 이미지를 원합니다. 나의 초기 생각은 모든 것을 한 줄에 수용하는 것이었다. 그런 다음 두 개의 열을 만들고 두 번째 열에서 두 개의 행과 두 개의 열을 만들어 1x1 및 2x2 효과를 만듭니다. 그러나 이것은 가능하지 않은 것 같습니다. 아니면 …

196 css  html  twitter-bootstrap  grid  grid-system 

GWT에 의존하지 않고 멋진 페이지 디자인을 달성하기 위해 부트 스트랩을 사용하기 시작했습니다 (백엔드는 Java로 만들어 짐) 로그인 화면을 위해이 예제를 복사했습니다 . 예를 들어, 사용자 이름이 비어 있다는 오류를 표시하고 싶습니다. 그래서 부트 스트랩 프레임 워크의 절차가 무엇인지 궁금합니다. 또는 오류가있는 양식을 보여주는 예가있을 수 있습니다. 아이디어가 입력 요소 내부에 …

194 twitter-bootstrap 

Bootstrap 3을 사용하여 페이지를 디자인하고 placement: right있습니다. 입력 요소에 팝 오버를 사용하려고합니다 . 새로운 부트 스트랩은 form-control기본적으로 전각 입력 요소 를 사용하도록 합니다. HTML 코드는 다음과 같습니다. <div class="row"> <div class="col-md-6"> <label for="name">Name:</label> <input id="name" class="form-control" type="text" data-toggle="popover" data-trigger="hover" data-content="My popover content.My popover content.My popover content.My popover content." /> </div> …

192 css  twitter-bootstrap  twitter-bootstrap-3  popover 

트위터 부트 스트랩에서 모달 문서를 살펴보십시오 . 모달의 close 이벤트를 듣고 함수를 실행할 수있는 방법이 있는지 알아낼 수 없었습니다. 예를 들어이 모달을 예로 들어 보겠습니다. <div class="modal-header"> <button type="button" class="close close_link" data-dismiss="modal" aria-hidden="true">×</button> <h3>Modal header</h3> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <a href="#" class="btn close_link" data-dismiss="modal">Close</a> </div> 상단의 X …

191 jquery  twitter-bootstrap  modal-dialog 

누구든지 부트 스트랩을 변경하는 방법을 알고 input:focus있습니까? input필드 를 클릭하면 파란색 빛이 나요?

191 html  css  twitter-bootstrap 

트위터 부트 스트랩의 버튼 은 Loading...사용 가능한 상태 가 좋습니다 . 문제는 다음과 같이 속성을 Loading...통해 전달 된 것과 같은 메시지를 표시한다는 것입니다 data-loading-text. <button type="button" class="btn btn-primary start" id="btnStartUploads" data-loading-text="@Localization.Uploading"> <i class="icon-upload icon-large"></i> <span>@Localization.StartUpload</span> </button> Font Awesome을 보면 애니메이션 스피너 아이콘이 있습니다. 다음 Upload과 같은 작업을 시작할 때 해당 …

191 button  twitter-bootstrap  icons  loading  font-awesome 

Bootstrap을 사용하는 동안 CSS 문제가 발생했습니다. 또한 Angular UI.bootstrap과 함께 Angular JS를 사용하고 있습니다 (문제의 일부일 수 있음). 테이블에 데이터를 표시하는 웹 사이트를 만들고 있습니다. 때로는 데이터에 테이블에 표시 해야하는 객체가 포함되어 있습니다. 따라서 경계가없는 테이블의 구분선을 유지하면서 경계가없는 테이블을 일반 테이블 안에 넣습니다. 그러나 테이블에 테두리를 표시하지 않는다고 말하더라도 …

191 html  css  twitter-bootstrap 

프로젝트에서 Twitter Bootstrap을 사용하고 있습니다. 기본 부트 스트랩 스타일뿐만 아니라 내 자신의 일부를 추가했습니다. //My styles @media (max-width: 767px) { //CSS here } 또한 뷰포트의 너비가 767px보다 작을 때 페이지에서 특정 요소의 순서를 변경하기 위해 jQuery를 사용하고 있습니다. $(document).load($(window).bind("resize", checkPosition)); function checkPosition() { if($(window).width() < 767) { $("#body-container .main-content").remove().insertBefore($("#body-container .left-sidebar")); …

186 jquery  css  twitter-bootstrap  media-queries 

내 인생 에서이 트위터 부트 스트랩 버튼을 여러 줄로 줄 바꿈 할 수 없습니다. 이미지를 게시 할 수 없으므로이 작업이 수행됩니다. [이것은 부입니다] tton text 나는 다음과 같이 보이기를 원합니다 [이것이 ] [버튼 텍스트] <div class="col-lg-3"> <!-- FIRST COL --> <div class="panel panel-default"> <div class="panel-body"> <h4>Posted on</h4> <p>22nd September 2013</p> …

186 html  css  twitter-bootstrap  web 

오버레이가 뒤가 아닌 첫 번째 모달 위에 표시되어야합니다. 코드 스 니펫 표시 $('#openBtn').click(function(){ $('#myModal').modal({show:true}) }); <a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a> <div class="modal" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Modal title</h4> </div><div class="container"></div> <div class="modal-body"> Content for the dialog / modal goes here. …

185 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  modal-dialog 

부트 스트랩 모달과 관련하여 몇 가지 질문을 보았지만 정확히 이와 같은 것은 없었으므로 계속하겠습니다. 나는 onclick이라고 부르는 모달을 가지고 있습니다 ... $(".modal-link").click(function(event){ $("#modal-content").modal('show'); }); 이것은 잘 작동하지만 모달을 표시 할 때 첫 번째 입력 요소에 집중하고 싶습니다 ... 경우에 따라 첫 번째 입력 요소의 ID는 #photo_name입니다. 그래서 나는 시도했다 $(".modal-link").click(function(event){ …

182 javascript  twitter-bootstrap  modal-dialog