«twitter-bootstrap» 태그된 질문

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

10
Bootstrap에서 마우스 오버 테이블의 마우스 오버 색상을 어떻게 변경합니까?
'table-hover'클래스가있는 테이블이 있습니다. 색상 위로 마우스를 가져가는 기본 색상은 흰색 / 연한 회색입니다. 이 색상을 어떻게 변경합니까? 내 지배적 인 스타일 시트에 다음을 추가하여 기본값을 덮어 쓰려고했습니다. .table-hover tbody tr:hover > th { background-color: #D1D119; } 불행히도 위의 내용은 작동하지 않습니다.



7
테이블 열 크기 조정
에서는 태그에 Bootstrap 3적용 col-sm-xx하고 테이블 열의 크기를 마음대로 조정할 수 있습니다 . 그러나 이것은 부트 스트랩 4에서 작동하지 않습니다. 부트 스트랩 4에서 이와 같은 것을 어떻게 얻을 수 있습니까?ththead <thead> <th class="col-sm-3">3 columns wide</th> <th class="col-sm-5">5 columns wide</th> <th class="col-sm-4">4 columns wide</th> </thead> 특히 테이블에 데이터를 추가하는 경우 크기가 …

14
Twitter 부트 스트랩 경고 메시지를 닫았다가 다시 엽니 다.
경고 메시지에 문제가 있습니다. 정상적으로 표시되며 사용자가 x(닫기)를 누르면 닫을 수 있지만 사용자가 다시 표시하려고하면 (예 : 버튼 이벤트 클릭) 표시되지 않습니다. (또한이 경고 메시지를 콘솔에 인쇄하면 [].) 내 코드는 다음과 같습니다. <div class="alert" style="display: none"> <a class="close" data-dismiss="alert">×</a> <strong>Warning!</strong> Best check yo self, you're not looking too good. </div> …

1
부트 스트랩에서 테이블 행 정렬 [닫기]
닫힘 . 이 질문은 더 집중되어야 합니다. 현재 답변을 받고 있지 않습니다. 이 질문을 개선하고 싶으십니까? 이 게시물 을 편집 하여 한 가지 문제에만 집중하도록 질문을 업데이트하십시오 . 휴일 삼년 전에 . 이 질문 개선 누군가 부트 스트랩에서 테이블의 열을 정렬하는 데 사용해야하는 코드의 예를 보여줄 수 있습니까? 예를 들어 …


19
부트 스트랩 날짜 시간 선택기에서 시간 비활성화
PHP / HTML5 및 JavaScript로 만든 웹 애플리케이션에서 부트 스트랩 날짜 시간 선택기를 사용하고 있습니다. 나는 현재 여기에서 하나를 사용하고 있습니다 : http://tarruda.github.io/bootstrap-datetimepicker/ 시간없이 컨트롤을 사용하면 작동하지 않습니다. 빈 텍스트 상자 만 표시됩니다. 날짜 시간 선택기에서 시간을 제거하고 싶습니다. 이에 대한 해결책이 있습니까? <div class="well"> <div id="datetimepicker4" class="input-append"> <input data-format="yyyy-MM-dd" …

15
콘텐츠에 따라 Twitter Bootstrap 모달의 크기를 동적으로 조정하는 방법
Youtube 비디오, Vimeo 비디오, 텍스트, Imgur 사진 등과 같은 다양한 유형의 데이터가있는 데이터베이스 콘텐츠가 있습니다. 모두 높이와 너비가 다릅니다. 인터넷을 검색하는 동안 내가 찾은 것은 크기를 하나의 매개 변수로만 변경하는 것뿐입니다. 팝업의 내용과 동일해야합니다. 이것은 내 HTML 코드입니다. 또한 Ajax를 사용하여 콘텐츠를 호출합니다. <div id="modal" class="modal hide fade" tabindex="-1" role="dialog" …

18
부트 스트랩 드롭 다운 메뉴가 작동하지 않음
드롭 다운을 작동시키는 데 문제가 있습니다. navbar를 완벽하게 표시 할 수 있지만 "Dropdown"(둘 중 하나)을 클릭하면 드롭 다운 메뉴가 표시되지 않습니다. 나는 이것에 대해 다른 게시물을 찾아 보았지만 모든 사람의 문제를 해결하는 것은 도움이되지 않았습니다. 부트 스트랩 웹 사이트에서 직접 소스를 복사했지만 내 컴퓨터에서 작동하지 않는 것 같습니다. 누구나 아이디어가 …

6
부트 스트랩을 사용한 반응 형 iframe
부트 스트랩을 사용하고 있습니다. 2 개 또는 3 개의 iframe 기반 삽입 동영상이 포함 된 텍스트가 있습니다. 이 데이터는 데이터베이스에서 가져옵니다. 이 iframe을 반응 형으로 만들려면 어떻게해야합니까? 예제 코드 : <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12"> SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT …

14
부트 스트랩에서 페이지 매김을 중앙에 배치
페이지 매김 에이 코드가 있습니다. <div class="pagination"> <ul> <li><a href="?p=0" data-original-title="" title="">1</a></li> <li><a href="?p=1" data-original-title="" title="">2</a></li> </ul> </div> 하지만 내 ul왼쪽 정렬입니다. ulwrt 를 중앙에 배치하는 방법이 div있습니까? 나는 시도 margin: auto auto하고 margin :0 auto그들이 있지만 작동하지 않았다.

30
부트 스트랩 모달은 닫은 후에도 몸에 패딩을 계속 추가합니다.
저는 부트 스트랩과 Parse 프레임 워크를 사용하여 작은 웹앱을 구축하고 있습니다. 그러나 이러한 부트 스트랩 모달은 닫은 후에도 몸체에 패딩을 계속 추가합니다. 이것을 해결하는 방법? 이 코드를 내 자바 스크립트에 넣으려고했습니다. $('.modal').on('hide.bs.modal', function (e) { $("element.style").css("padding-right","0"); }); 하지만 작동하지 않습니다. 아무도 이것을 고치는 방법을 알고 있습니까? 내 코드 : <button …

12
포함 된 HTML과 함께 link_to 사용
Twitter의 Bootstrap 항목을 사용하고 있으며 다음 HTML이 있습니다. <a class="btn" href="<%= user_path(@user) %>"><i class="icon-ok icon-white"></i> Do it@</a> Rails에서이를 수행하는 가장 좋은 방법은 무엇입니까? 사용하고 싶지만 <%= link_to 'Do it', user_path(@user) %>이로 인해 <i class="icon-ok icon-white"></i>저를 버리고 있습니까?

2
부트 스트랩의 tabindex =“-1”은 무엇입니까?
tabindexBootstrap 3 의 속성은 무엇입니까 ? 문서는 실제로 모든 모달에서 사용하지만 그들에 대해 아무것도 말하지 않습니다. 나는 그것의 사용과 관련하여 이것을 찾았습니다. 키보드 및 보조 기술 사용자를위한 액세스 가능한 도구 설명 키보드로 탐색하는 사용자 및 특히 보조 기술 사용자의 경우 링크, 양식 컨트롤 또는 tabindex = "0"속성이있는 임의의 요소와 같은 …

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