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

Rails 앱에 Bootstrap 3.0을 설치하려고합니다. 저는 최근에 Michael Hartl의 튜토리얼을 마쳤고 이제이 새로운 버전의 Bootstrap을 사용하여 나만의 시스템을 구축하려고 시도하고 있지만 몇 가지 질문이 있습니다. 내 시스템 사양 : MBP의 OS X Mountain Lion 레일스 4.0 루비 2.0 내가 가진 질문 : 내 Gemfile에서 사용하기에 가장 좋은 보석은 무엇입니까? 몇 …

112 ruby-on-rails  ruby  twitter-bootstrap-3 

모달에 문제가 있습니다. 페이지에 모달을 토글하는 버튼이 있습니다. 모달이 나타나면 페이지가 맨 위로 이동합니다. 해결책 / 등을 찾기 위해 할 수있는 모든 것을 다했지만 정말 길을 잃었습니다. 편집하다: 나는 또한 시도해 보았지만 $('#myModal').modal('show');똑같은 효과가 있습니다.

111 javascript  jquery  css  twitter-bootstrap  twitter-bootstrap-3 

이것이 제가 Bootstrap 3 캐 러셀로 달성하려는 효과입니다. 한 번에 한 프레임 만 표시하는 대신 N 프레임을 나란히 표시합니다. 그런 다음 슬라이드 할 때 (또는 자동 슬라이드 할 때) 슬라이드 그룹을 이동합니다. 부트 스트랩 3의 캐 러셀로 이것을 할 수 있습니까 ? 나는 아직 다른 jQuery 플러그인을 사냥하러 갈 필요가 …

110 jquery  twitter-bootstrap-3  jquery-plugins  carousel  bootstrap-4 

고정 상단 동작과 함께 사용되는 부트 스트랩 3.0 navbar 높이를 줄이려고합니다. 여기에 코드를 사용하고 있습니다. HTML <div class="tnav"> <div class="navbar navbar-fixed-top" role="banner"> <div class="navbar-inner-sm"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <nav class="collapse navbar-collapse" role="navigation"> <ul class="nav …

108 twitter-bootstrap  navbar  twitter-bootstrap-3 

나는 이것을 시도했지만 잘못되었습니다 여기 CSS입니다 body .modal-ku { width: 750px; } 그리고 여기에 실패한 결과가 있습니다

106 html  css  twitter-bootstrap-3 

입력 필드 위가 아니라 왼쪽에 레이블을 갖고 싶습니다. <form method="post" action="" role="form" class="form-inline"> <div class="form-group"> <label for="rg-from">Ab: </label> <input type="text" id="rg-from" name="rg-from" value="" class="form-control"> </div> <div class="form-group"> <label for="rg-to">Bis: </label> <input type="text" id="rg-to" name="rg-to" value="" class="form-control"> </div> <div class="form-group"> <input type="button" value="Clear" class="btn btn-default btn-clear"> <input type="submit" value="Los!" class="btn btn-primary"> …

104 css  twitter-bootstrap-3 

저는 Bootstrap을 처음 사용하고 이전 버전 2.3.2를 사용하고 있습니다. 버전 3이 출시되었습니다. 최신 버전을 사용하려면 CSS 및 Javascript 파일 만 바꾸면됩니까?

102 twitter-bootstrap  twitter-bootstrap-3 

방금이 페이지를 방문했습니다. http://www.elmastudio.de/ Bootstrap 3으로 왼쪽 사이드 바 축소를 만들 수 있는지 궁금했습니다. 상단에서 사이드 바를 접는 코드 (휴대 전화 만 해당) : <button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar-ex1-collapse"> <span class="sr-only">Sidebar</span> <span class="glyphicon glyphicon-check"></span> </button> 사이드 바 자체에는 hidden-xs 클래스가 있습니다. 다음 js로 제거됩니다. $('.sidebar-toggle').click(function(){ $('#sidebar').removeClass('hidden-xs'); }); 버튼을 클릭하면 …

102 twitter-bootstrap-3  bootstrap-4  sidebar  collapse 

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

100 twitter-bootstrap  twitter-bootstrap-3  bootstrap-modal 

다음 Bootstrap 3과 같이 링크를 분리하기 위해 드롭 다운 메뉴 내부에 배치 할 수있는 가로 구분선이 있습니다. <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2"> <li role="presentation" class="dropdown-header">Dropdown header</li> ... <li role="presentation" class="divider"></li> </ul> 내 질문은 다음과 같습니다. 드롭 다운에없는 목록이나 유사한 메뉴에 넣는 것과 같이이를 수행 할 수있는 방법이 있습니까?

98 twitter-bootstrap  twitter-bootstrap-3 

내 Bootstrap 테마를 v2.3.2에서 v3.0.0으로 마이그레이션하고 있는데 한 가지 알아 차린 점은 bootstrap.css의 다음 스타일로 인해 많은 차원이 다르게 계산된다는 것입니다. *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 누구든지 Bootstrap이 모든 요소의 상자 크기를 테두리 상자로 전환하는 이유를 설명 할 수 있습니까? 나는 그것이 퍼센트 기반의 …

98 css  twitter-bootstrap  twitter-bootstrap-3  boxsizer 

내 콘텐츠가 유동적 .container-fluid이기를 원 하지만 Bootstrap의 그리드와 함께 사용할 때 여전히 패딩이 표시됩니다. 패딩을 제거하려면 어떻게해야합니까? .row로 패딩을 얻지 못했지만 열을 추가하고 싶습니다. 그러 자마자 패딩이 돌아 왔습니다. 열을 전체 너비로 사용할 수 있기를 원합니다. 예 : <div class="container-fluid"> <div class="row"> <div class="col-sm-6"> <p>Use this document as a way …

98 twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

Bootstrap 4로 마이그레이션 할 때 새로운 반응 형 유틸리티 숨김 / 표시 클래스에 문제가 있습니다 . 나는 .hidden- 클래스가되었는지 알고 v3의 제거 및 교체 와 함께 . 새 클래스를 사용하지만 요소가 표시 / 숨김으로 변경되지 않습니다. 이유를 알 수 없습니다..hidden-*-up .hidden-*-down.hidden-*-up.hidden-*-down <div class="col hidden-xs-down"> <span class="vcard"> … </span> </div> <div …

96 twitter-bootstrap  twitter-bootstrap-3  hide  hidden  twitter-bootstrap-4 

<div class="container"> <div class="row" style="padding-top: 240px;"> <a href="#" class="btn btn-large btn-primary" rel="popover" data-content="<form><input type="text"/></form>" data-placement="top" data-original-title="Fill in form">Open form</a> </div> </div> JSfiddle 나는 자바 스크립트 함수 내에 양식 내용을 저장할 것이라고 생각합니다 ... 부트 스트랩 팝 오버 내에 양식을 어떻게 포함합니까?

95 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  popover 

따라서이 코드를 사용하여 현재 열린 모달 창에서 다른 모달 창을 엽니 다. <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> 무슨 일이 일어나면 500ms 동안 스크롤바가 복제됩니다. 현재 모달이 여전히 희미 해지기 때문인 것 같습니다. 그러나 그것은 매우 부드럽 지 않고 말 더듬어 보입니다. 이 문제를 해결하기위한 제안에 감사드립니다. 또한 onclick-event에서 이것을 만드는 방법이 비전문가입니까? …

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