«twitter-bootstrap» 태그된 질문

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

12
트위터 부트 스트랩 2에 버튼을 제출하기 위해 아이콘 추가
양식 입력 제출 버튼에서 트위터 부트 스트랩 아이콘을 사용하고 싶습니다. http://twitter.github.com/bootstrap/base-css.html#icons 의 예제는 주로 스타일 하이퍼 링크를 보여줍니다. 가장 가까운 것은 버튼 옆에 아이콘이 표시되지만 내부에는 표시되지 않는 것입니다. <div class="input-prepend"> <span class="add-on"><i class="icon-user icon-white"></i></span> <input type="submit" class="btn-primary" value="Login" > </div>

30
클릭시 버튼 주위의 초점을 제거하는 방법
버튼을 클릭하면 내 버튼이 모두 강조 표시됩니다. 이것은 Chrome에 있습니다. <button class="btn btn-primary btn-block"> <span class="icon-plus"></span> Add Page </button> 나는 주제와 함께 부트 스트랩을 사용하고 있지만 그것이 사실이 아니라고 확신합니다. 다른 프로젝트에서 전에 이것을 알았습니다. <a>대신 태그를 사용하면 사라집니다 <button>. 왜? <button>어떻게 사용 하고 싶 습니까?


30
Font Awesome not working, 사각형으로 표시되는 아이콘
마케팅 페이지의 프로토 타입을 제작하려고하는데 Bootstrap과 새로운 Font Awesome 파일을 사용하고 있습니다. 문제는 아이콘을 사용하려고 할 때 페이지에 렌더링되는 모든 것이 큰 사각형이라는 것입니다. 헤드에 파일을 포함시키는 방법은 다음과 같습니다. <head> <title>Page Title</title> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/bootstrap-responsive.css"> <link rel="stylesheet" href="css/font-awesome.css"> <link rel="stylesheet" href="css/app.css"> <!--[if IE 7]> <link rel="stylesheet" …

11
반응 형 부트 스트랩 탐색 모음의 중앙에 컨텐츠
부트 스트랩 탐색 모음에서 컨텐츠를 중앙에 배치하는 데 문제가 있습니다. 부트 스트랩 3을 사용하고 있습니다. 많은 게시물을 읽었지만 사용 된 CSS 또는 메소드가 코드에서 작동하지 않습니다! 나는 정말로 좌절했다. 그래서 이것은 나의 마지막 옵션과 같다. 도움을 주시면 감사하겠습니다! <!DOCTYPE html> <html> <head> <title>Navigation</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> …


4
트위터 부트 스트랩과 jQuery UI? [닫은]
현재로서는이 질문이 Q & A 형식에 적합하지 않습니다. 답변, 사실, 참고 자료 또는 전문 지식을 통해 답변이 뒷받침 될 것으로 예상되지만이 질문은 토론, 논쟁, 여론 조사 또는 광범위한 토론을 요구할 것입니다. 이 질문을 개선하고 다시 열 수 있다고 생각 되면 도움말 센터 를 방문하여 안내를 받으십시오 . 휴일 칠년 전에 …

30
select2 값을 재설정하고 자리 표시 자 표시
select2로 자리 표시자를 값 재설정시 설정하는 방법 내 예제에서 위치 또는 등급 선택 상자를 클릭하고 select2의 값이 select2의 값보다 큰 경우 기본 자리 표시자를 재설정하고 표시해야합니다. 이 스크립트는 값을 재설정하지만 자리 표시자를 표시하지 않습니다 $("#locations, #grade ").change(function() { $('#e6').select2('data', { placeholder: "Studiengang wählen", id: null, text: '' }); }); $("#e6").select2({ …

7
더 큰 글 리피 콘
트위터 부트 스트랩 3.0 (2.3.x 아님)에서 더 큰 Glyphicon을 어떻게 만드나요? 이 코드는 내 글리프 콘을 크게 만듭니다. <button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-th-list"> </span> </button> span 만 사용하는 동안 btn-lg 클래스를 사용 하지 않고이 크기 를 얻으려면 어떻게 해야합니까? 이것은 작은 글리프 콘을 제공합니다. <span class="glyphicon glyphicon-link"></span>

15
이미지 데드 센터를 부트 스트랩과 정렬하는 방법
부트 스트랩 프레임 워크를 사용하고 있으며 성공하지 않고 이미지를 가로로 가운데에 배치하려고합니다. 12 그리드 시스템을 3 개의 동일한 블록으로 분할하는 등 다양한 기술을 시도했습니다. <div class="container"> <div class="row"> <div class="span4"></div> <div class="span4"><img src="logo.png" /></div> <div class="span4"></div> </div> </div> 페이지를 기준으로 이미지를 중앙에 표시하는 가장 쉬운 방법은 무엇입니까?


18
LESS를 사용하지 않고 부트 스트랩 탐색 모음 축소 중단 점 변경
현재 브라우저 너비가 768px 아래로 떨어지면 탐색 표시 줄이 축소 모드로 변경됩니다. 이 너비를 1000px로 변경하여 브라우저가 1000px 미만이면 탐색 표시 줄이 축소 모드로 변경됩니다. LESS를 사용하지 않고이 작업을 수행하고 싶습니다 .LESS가 아닌 스타일러스를 사용하고 있습니다. 내 문제는이 질문과 동일합니다 : Bootstrap 3 Navbar Collapse 그러나 그 질문에 대한 모든 …

7
글꼴이 멋진 입력 유형 '제출'
글꼴이 멋진 입력 유형 'submit'에 대한 클래스가없는 것 같습니다. 버튼 입력을 위해 font-awesome의 클래스를 사용할 수 있습니까? 내 응용 프로그램의 모든 버튼 (실제로 twitter-bootstrap의 'btn'클래스와 링크 됨)에 아이콘을 추가했지만 '입력 유형 제출'에 아이콘을 추가 할 수 없습니다. 또는이 코드를 사용하는 방법 : input#image-button{ background: #ccc url('icon.png') no-repeat top left; padding-left: …

25
트위터 부트 스트랩 3 스티커 바닥 글
나는 트위터 부트 스트랩 프레임 워크를 꽤 오랫동안 사용 해 왔으며 최근에 버전 3으로 업데이트되었습니다! 스티커 바닥 글을 바닥에 고정시키는 데 문제가 있습니다. Twitter 부트 스트랩 웹 사이트에서 제공하는 스타터 템플릿을 사용했지만 여전히 운이 없으며 아이디어가 있습니까?

7
프로그래밍 방식으로 부트 스트랩 모달을 어떻게 트리거 할 수 있습니까?
내가 여기 가면 http://getbootstrap.com/2.3.2/javascript.html#modals 그리고 '데모 모달 시작'을 클릭하면 예상대로 작동합니다. 가입 프로세스의 일부로 모달을 사용하고 있으며 서버 측 유효성 검사가 관련되어 있습니다. 문제가 있으면 확인 메시지가 표시된 상태로 사용자를 동일한 모달로 리디렉션하고 싶습니다. 현재 사용자가 실제로 클릭하지 않고 모달을 표시하는 방법을 알 수 없습니다. 프로그래밍 방식으로 모델을 시작하려면 어떻게해야합니까?

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