«twitter-bootstrap» 태그된 질문

내 테이블은 데스크톱에서 잘 표시되지만 모바일 버전을 보려고하면 테이블이 모바일 장치 화면에 비해 너무 넓어집니다. 반응 형 레이아웃을 사용하고 있습니다. 모바일보기의 테이블 너비를 어떻게 설정할 수 있습니까? Bootstrap을 사용하여 모바일보기에 테이블 형식 데이터를 표시하는 다른 대안은 무엇입니까?

90 twitter-bootstrap  twitter-bootstrap-3 

내가 시도한 코드 아래를 참조하십시오 <div class="row"> <div class="center-block">First Div</div> <div class="center-block">Second DIV </div> </div> 출력 : First Div SecondDiv 예상 출력 : First Div Second Div 부트 스트랩 CSS를 사용하여 두 개의 div를 수평으로 중앙에 정렬하고 싶습니다. 어떻게 할 수 있습니까? 나는 이것을하기 위해 간단한 CSS와 부동 개념을 사용하고 …

90 html  css  twitter-bootstrap 

내가 시도한 적절한 부분은 다음과 같습니다. <a href="#" data-content="<div id='my_popover'></div>"> Click here </a> $(".button").popover({html: true}) $(".button").click(function(){ $(this).popover('show'); $("#my_popover").load('my_stuff') }) 클릭하면 요청이 표시되지만 팝 오버가 채워지지 않습니다. 팝 오버에 대한 HTML도 DOM에 추가되지는 않지만 방화범 일 수 있습니다. 누구든지 이것을 시도 했습니까?

90 jquery  twitter-bootstrap 

Twitter Bootstrap을 사용하고 있으며 jQuery 함수가 사양 만 제거하기 때문에 jQuery show()또는 fadeIn()클래스로 표시된 DOM 요소가 hidden나타나지 않도록합니다 display: none. 그러나이 visibility여전히로 설정되어 hidden있습니다. 이 문제를 해결하는 가장 좋은 방법은 무엇일까요? hidden요소 에서 클래스 제거 가시성 속성 변경 내 CSS에 숨겨진 클래스 덮어 쓰기 특히, 이것을 jQuery 또는 CSS로 수정하는 …

89 jquery  twitter-bootstrap 

트위터 부트 스트랩 2의 요소를 사용하여 다중 레벨 드롭 다운 메뉴를 가질 수 있습니까? 원래 버전에는이 기능이 없습니다.

89 css  twitter-bootstrap 

내 상단 메뉴에 장바구니가 있으며 사용 중 push-right내 문제는 드롭 다운 거품이 페이지에서 떨어지는 것입니다. 버블을 오른쪽으로 정렬하여 '클릭'과 오른쪽 정렬되도록 노력하고 있습니다. 이렇게 HTML : <div class="cart pull-right"> <ul class="nav"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLICK</a> <div class="dropdown-menu"> STUFF </div> </li> </ul> </div>

89 html  css  twitter-bootstrap 

수정 됨 : 화면이 480px 이하로 줄어들 때 사이드 패딩을 설정하는 선택기를 물어봐야할까요? 나는 이것을 찾기 위해 한동안 bootstrap-responsiveness.css를 탐색했지만 이것에 영향을 미치는 것은 없습니다. 원본 기본적으로 작은 장치 화면에서 응답 성을 위해 설정된 기본 패딩 또는 여백을 제거하고 싶습니다. 나는 한 background color재정의 container-fluid선택하고 더 큰 화면들이 폭에 걸쳐 …

89 css  twitter-bootstrap  responsive-design  media-queries 

텍스트 상자와 테두리의 파란색 광선을 제거하고 싶지만 js 또는 CSS를 재정의하는 방법을 모르겠습니다. 여기를 확인하십시오. 편집 1 나는 jquery 플러그인 Tag-it을 사용 하고 있고 트위터 부트 스트랩도 사용하고 있기 때문에 이것을하고 싶습니다 . 플러그인은 숨겨진 textField를 사용하여 태그를 추가하지만 트위터 부트 스트랩을 사용하면 내부에 글로우가있는 텍스트 상자로 나타납니다. 약간 이상한 …

88 javascript  jquery  html  css  twitter-bootstrap 

현재 다음과 같은 것이 있습니다. <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> 이제 content높이가 다르고 너비가 모두 같은 상자가 있다고 가정합니다 . 동일한 "그리드 기반 레이아웃"을 유지하면서 모든 상자가 완벽한 선 대신 서로 아래에 정렬되도록 할 …

88 html  css  twitter-bootstrap  responsive-design  bootstrap-4 

overflow: auto;속성 때문에 드롭 다운이 표시되지 않기 때문에 응답하고 스크롤 할 때 테이블 내부의 드롭 다운 버튼에 문제가 있습니다 . 버튼이 축소되었을 때 드롭 다운 옵션을 표시하려면 어떻게해야합니까? 일부 jQuery를 사용할 수 있지만 왼쪽에서 오른쪽으로 스크롤하는 데 문제가 있으므로 다른 솔루션을 찾기로 결정했습니다. 더 잘 이해하기 위해 사진을 첨부했습니다. 다음은 …

88 javascript  jquery  css  twitter-bootstrap  overflow 

전환 가능한 탭을 만들기 위해 트위터 부트 스트랩을 사용하고 있습니다. 다음은 내가 사용하는 CSS입니다. <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> 이 html은 탭을 올바르게 표시하지만 왼쪽으로 당겨졌습니다. 탭을 페이지 중앙에 맞추기 위해 CSS를 수정 해 보았지만 아직 …

87 html  css  twitter-bootstrap 

이 간단한 버전의 Bootstrap 아코디언을 설정했습니다 . 간단한 아코디언 : http://jsfiddle.net/darrenc/cngPS/ 현재 아이콘은 아래쪽을 가리 키지 만 아이콘 의 클래스를 다음과 같이 변경하기 위해 구현해야하는 JS가 무엇인지 아는 사람이 있습니까? <i class="icon-chevron-up"></i> ... 확장 되면 위를 가리키고 접었을 때 다시 아래로 토글됩니다 .

87 javascript  jquery  twitter-bootstrap 

저는 현재 Twitter Bootstrap에서 탭을 사용하고 있으며 사용자가 데이터를 게시하고 페이지를 다시로드 한 후 동일한 탭을 선택하고 싶습니다. 어떻게하나요? 탭을 초기화하는 현재 호출은 다음과 같습니다. <script type="text/javascript"> $(document).ready(function() { $('#profileTabs a:first').tab('show'); }); </script> 내 탭 : <ul id="profileTabs" class="nav nav-tabs"> <li class="active"><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#about" data-toggle="tab">About Me</a></li> <li><a href="#match" …

87 javascript  jquery  twitter-bootstrap 

내 부트 스트랩 프로젝트에 normalize.css 스타일 시트 를 추가 해야하는지 알 수 없습니다 . 최신 버전의 부트 스트랩 v2.3.2를 사용하고 있습니다.

87 twitter-bootstrap  normalize  css-reset 

Twitter Bootstrap 드롭 다운 버튼 을 사용하고 싶습니다 . <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> </ul> </div><!-- /btn-group --> 사용자가 단순히으로 이동하는 대신 버튼의 값을 '다른 작업'으로 변경하면 #실제로 사용자 지정 방식으로 작업을 처리하고 싶습니다. 하지만 드롭 …

87 javascript  twitter-bootstrap