«twitter-bootstrap» 태그된 질문

Twitter 부트 스트랩 모달 창 애니메이션을 슬라이드 다운 효과에서 페이드 인으로 변경하거나 슬라이드가없는 디스플레이로 변경하는 방법이 있습니까? 나는 여기 문서를 읽었습니다. http://getbootstrap.com/javascript/#modals 그러나 모달 바디 슬라이드 효과를 변경하는 옵션은 언급하지 않았습니다.

167 javascript  jquery  jquery-ui  twitter-bootstrap 

부트 스트랩 아코디언에서 a텍스트를 클릭하지 않고 panel-headingdiv의 아무 곳이나 클릭하면 축소되도록하고 싶습니다 . Bootstrap 3을 사용하고 있습니다. 따라서 아코디언 대신 축소 가능한 패널입니다. 전체 패널을 클릭 가능하게 만드는 방법을 알고 있습니까?

167 twitter-bootstrap  twitter-bootstrap-3 

다음과 같은 요소가 있습니다. <div class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" style="overflow-y: scroll; max-height:85%; margin-top: 50px; margin-bottom:50px;" > <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title"></h3> </div> <div class="modal-body"></div> <div class="modal-footer"></div> </div> </div> </div> 그것은 모달 대화 상자를 다음과 같이 보여줍니다. 기본적으로 스크롤 막대를 전체 주위에 놓고 표시하려는 내용이 포함되어 modal-dialog있지 …

165 css  twitter-bootstrap 

Twitter Bootstrap을 사용하여 툴팁을 만들었습니다. 툴팁은 세 줄로 표시됩니다. 그러나 툴팁을 한 줄만 표시하고 싶습니다. 툴팁의 너비를 어떻게 변경합니까? 이것은 Twitter Bootstrap 또는 툴팁 자체에만 해당됩니까?

163 twitter-bootstrap  tooltip 

양식 만 존재하는 페이지가 있고 화면 중앙에 양식을 배치하고 싶습니다. <div class="container"> <div class="row justify-content-center align-items-center"> <form> <div class="form-group"> <label for="formGroupExampleInput">Example label</label> <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input"> </div> <div class="form-group"> <label for="formGroupExampleInput2">Another label</label> <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input"> </div> </form> </div> </div> 이 justify-content-center양식은 가로로 정렬되지만 세로로 정렬하는 …

163 css  twitter-bootstrap  bootstrap-4  centering 

Twitter-Bootstrap을 사용하고 있으며 브라우저에서 보이는 방식으로 페이지를 인쇄 할 수 있어야합니다. Twitter-Bootstrap으로 만든 다른 페이지를 잘 인쇄 할 수는 있지만 순전히 Twitter-Bootstrap을 사용하는 페이지를 인쇄 할 수 없습니다. 어딘가에 태그가 없습니까? 인쇄시 공식 TB 페이지 : 인쇄시 내 페이지 : 내 페이지의 실제 모습 :

162 printing  twitter-bootstrap 

트위터의 부트 스트랩을 사용하여 수직 공백을 추가하는 가장 좋은 방법은 무엇입니까? 예를 들어 방문 페이지를 만들고 특정 버튼 위와 아래에 약간의 빈 공백을 원한다고 가정 해 봅시다. 분명히, 나는 그 특정 버튼에 대한 특정 클래스를 만들 수 있습니다. 그러나 부트 스트랩 에는 수직 공백을 추가 하는 DRY 방법이 있어야한다고 생각 …

162 twitter-bootstrap  whitespace  vertical-alignment  twitter-bootstrap-2 

휴무 . 이 질문은 의견 기반 입니다. 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 이 게시물 을 편집 하여 사실과 인용으로 답변 할 수 있도록 질문을 업데이트하십시오 . 휴일 오년 전에 . 이 질문을 개선하십시오 최근 Flexbox에 가장 높은 div에 따라 div를 같은 높이로 만드는 솔루션을 찾을 때 발견했습니다 . …

161 html  css  twitter-bootstrap  flexbox 

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-body"> <%= image_tag "Background.jpg" %> </div> </div> 위의 코드에 대해 트위터 부트 스트랩 모달 팝업을 전체 화면으로 만들려면 CSS로 놀아 보았지만 원하는 방식으로 얻을 수 없었습니다. 누구든지 도와주세요.

160 css  twitter-bootstrap 

트위터의 부트 스트랩은 Glyphicons의 아이콘을 사용합니다 . available in dark gray and white기본적으로 " "입니다. CSS의 속임수를 사용하여 아이콘의 색상을 변경할 수 있습니까? 각 색상에 대해 아이콘 이미지를 설정하지 않아도되는 다른 CSS3 광채를 원했습니다. 둘러싸는 ( <i>) 요소 의 배경색을 변경할 수 있지만 아이콘 전경색에 대해 이야기하고 있습니다. 아이콘 이미지의 …

159 css  twitter-bootstrap  sprite  css-sprites 

현재 Bootstrap의 툴팁 플러그인을 사용하여 표시 할 텍스트를 만들기 위해 아래 기능을 사용하고 있습니다. 여러 줄 도구 설명은 어떻게 작동 <br>하지 않고 작동 \n합니까? 내 링크의 제목 속성에 HTML이없는 것을 선호합니다. 작동하는 것 def tooltip(object) tooltip = "" object.each do |user| tooltip += "#{user.identifier}" + "<br>" end return tooltip end …

159 javascript  html  css  twitter-bootstrap 

Bootstrap으로 다음 그리드를 수행하는 방법을 알아 내려고합니다. 두 행에 걸쳐있는 상자 (번호 1)를 어떻게 만들지 잘 모르겠습니다. 상자는 순서대로 프로그래밍 방식으로 생성됩니다. 박스 1은 환영 메시지입니다. 가장 좋은 방법은 무엇입니까?

158 css  twitter-bootstrap 

부트 스트랩 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 …

157 twitter-bootstrap  tabs  twitter-bootstrap-3 

부트 스트랩 버튼을 수평으로 배치하는 가장 좋은 방법은 무엇입니까? 버튼이 닿는 순간 : <div class="btn-group"> <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"> <i class="icon-in-button"></i> Add to list <span class="caret"/> </button> <ul class="dropdown-menu"> <li> <a href="#">here</a> </li> <li> <a href="#">new</a> </li> </ul> <button class="btn btn-info"> <i class="icon-in-button"></i> more </button> </div> 문제를 보여주는 jsfiddle …

157 html  css  twitter-bootstrap 

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 …

157 jquery  css  twitter-bootstrap  youtube  twitter-bootstrap-3