«twitter-bootstrap-3» 태그된 질문

Bootstrap 3은 매력적인 모양과 느낌으로보다 빠른 웹 개발을 지원하는 3 세대 프런트 엔드 프레임 워크입니다. [twitter-bootstrap] 태그와 함께 사용

14
부트 스트랩에 잡히지 않는 오류가 발생합니다. 부트 스트랩의 JavaScript에는 jQuery가 필요합니다.
닫은. 이 질문은 디버깅 세부 사항 이 필요합니다 . 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 질문을 업데이트하여 스택 오버플로에 대한 주제 입니다. 휴일 2 년 전 . 이 질문을 개선하십시오 Bootstrap을 사용하여 프로그램의 인터페이스를 만들려고합니다. jQuery 1.11.0을 <head>태그에 추가 하고 그 점을 생각했지만 브라우저에서 웹 페이지를 시작하면 jQuery가 오류를보고합니다. …
11
모바일보기에서 오른쪽 상단에 부트 스트랩 오른쪽 열
다음과 같은 부트 스트랩 페이지가 있습니다. <div class="row"> <div class="col-md-6"> A </div> <div class="col-md-6"> B </div> </div> 다음과 같습니다. ----- |A|B| ----- 따라서 모바일 장치에서 보면 A 열이 맨 위에 있지만 B가 맨 위에 있어야합니다. 이게 가능해? 푸시 풀로 시도했지만 작동하지 않았습니다.
10
부트 스트랩 3 중단 점 및 미디어 쿼리
온 부트 스트랩 3 미디어 쿼리 문서 는 말합니다 : Less 파일에서 다음과 같은 미디어 쿼리를 사용하여 그리드 시스템에서 주요 중단 점을 만듭니다. 초소형 장치 (전화, 768 픽셀 미만) : 미디어 쿼리가 없습니다. 이것이 부트 스트랩의 기본값이므로 소형 기기 (태블릿, 768 픽셀 이상) : @media (min-width: @screen-sm-min) { ... } …
5
Bootstrap 3의 필수 필드에 별표 추가
내 HTML에는 .required필수 필드에 지정된 클래스 가 있습니다. HTML은 다음과 같습니다. <form action="/accounts/register/" method="post" role="form" class="form-horizontal"> <input type='hidden' name='csrfmiddlewaretoken' value='brGfMU16YyyG2QEcpLqhb3Zh8AvkYkJt' /> <div class="form-group required"> <label class="col-md-2 control-label">Username</label> <div class="col-md-4"> <input class="form-control" id="id_username" maxlength="30" name="username" placeholder="Username" required="required" title="" type="text" /> </div> </div> <div class="form-group required"><label class="col-md-2 control-label">E-mail</label><div class="col-md-4"><input class="form-control" id="id_email" name="email" …
5
Twitter Bootstrap 3에서 col-lg-push 및 col-lg-pull을 사용한 열 순서 조작
나는 Twitter Bootstrap 3에서 문서를 읽고 있는데이 페이지에 표시된 것처럼 열 순서를 따르려고했지만 벽에 부딪쳤다. 왜 그런 코드가 작동하는지 또는 설정을 올바르게 지정하는 방법을 이해하지 못합니다. 내가 보여주고 싶은 것은 길이 5와 길이 5로 구성된 하나의 그리드와 마지막으로 하나의 길이 2 그리드입니다. 그래서 내 것은 다음과 같습니다. [5] [5] [2] …
4
부트 스트랩 3의 스택 탭
부트 스트랩 3의 탭 jquery 플러그인을 사용하여 왼쪽 정렬 된 스택 탭을 구현하려고합니다. 탭은 상단이 아닌 탭 내용의 왼쪽에 수직으로 렌더링됩니다. 내가 다음을 시도 할 때; <ul class="nav nav-tabs nav-stacked"> <li><a href="#tab1" data-toggle="tab">Tab 1</a></li> <li><a href="#tab2" data-toggle="tab">Tab 2</a></li> <li><a href="#tab3" data-toggle="tab">Tab 3</a></li> </ul> <div class="tab-content"> <div class="tab-pane fade" id="tab1"> Tab …
17
모달의 부트 스트랩 3 및 유튜브
Bootstrap 3의 모달 기능을 사용하여 YouTube 비디오를 표시하려고합니다. 작동하지만 Youtube 비디오의 버튼을 클릭 할 수 없습니다. 이것에 대한 도움이 필요하십니까? 내 코드는 다음과 같습니다. <div id="link">My video</div> <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </div> <div class="modal-body"> <iframe …
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'); …
17
부트 스트랩 3의 입력 너비
다시 업데이트 : 사람들이 실제로 질문을 이해하지 않고 답변을 추가하지 못하게하는 최상위 답변을 선택 하여이 질문을 닫습니다. 실제로 그리드를 사용하거나 추가 CSS를 추가하지 않고 기능을 빌드하여 수행 할 수있는 방법이 없습니다. help-block예를 들어 짧은 입력을 넘어서야하지만 '빌드 인'요소를 다루는 경우 그리드가 제대로 작동하지 않습니다 . 이것이 문제라면 BS3 토론 에서 …
5
Twitter Bootstrap의 툴팁과 함께 복잡한 HTML을 사용할 수 있습니까?
공식 문서를 확인하면 HTML이라는 속성을 볼 수 있습니다. Name | Type | default | Description ---------------------------------------------------------------------------- html | boolean | false | Insert html into the tooltip. If false, jquery's text method will be used to insert content into the dom. Use text if you're worried about XSS attacks. "툴팁에 …
5
CDN에서 부트 스트랩을 사용하거나 서버에서 복사해야합니까?
Twitter 부트 스트랩을 사용하는 가장 좋은 방법은 무엇입니까, CDN에서 참조하거나 서버에 로컬 사본을 만드시겠습니까? 부트 스트랩이 계속 발전하고 있기 때문에 CDN을 참조하면 시간이 지남에 따라 다른 웹 페이지가 표시되고 일부 태그가 손상 될 수 있습니다. 대부분의 사람들의 선택은 무엇입니까?
29
JavaScript를 사용하여 Twitter Bootstrap 3의 반응 형 중단 점을 감지하는 방법은 무엇입니까?
현재 Twitter Bootstrap 3에는 768px, 992px 및 1200px의 반응 형 중단 점이 있으며 각각 중소형 및 대형 장치를 나타냅니다. JavaScript를 사용하여 이러한 중단 점을 어떻게 감지 할 수 있습니까? 화면이 변경 될 때 트리거되는 모든 관련 이벤트에 대해 JavaScript로 듣고 싶습니다. 화면이 소형, 중형 또는 대형 장치 용인지 감지 할 …
4
반응 형 웹 사이트가 모바일에서 전체 너비로 축소되었습니다.
Bootstrap responsiveness navbar를 테스트 중이며 데모 웹 사이트가 있습니다. 바탕 화면에서 브라우저의 크기를 조정하면 상단에 작은 아이콘이있는 축소 가능 메뉴가되는 탐색 모음을 포함하여 모두 잘 작동합니다. 클릭하면 더 많은 메뉴 버튼을 볼 수 있습니다. 그러나 모바일 브라우저에서 시도했을 때 (Android의 크롬 및 인터넷 브라우저에서 시도했지만) 반응 형 디자인을 보지 못했습니다. …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.