«twitter-bootstrap» 태그된 질문

상단 고정 탐색 메뉴로 반응 형 레이아웃을 만들고 있습니다. 그 아래에는 세로 막대 (3)와 내용 (9)에 대한 두 개의 열이 있습니다. 데스크탑에서 다음과 같이 보이는 것은 탐색 모음 [3] [9] resize모바일 navbar로 압축 하면 숨겨지고 사이드 바는 다음과 같이 내용 위에 쌓입니다. 탐색 모음 [3] [9] 메인 콘텐츠를 맨 위에 …

293 html  css  twitter-bootstrap  multiple-columns 

Bootstrap v3에서는 종종 clearfix와 결합 된 hidden-** 클래스를 사용하여 다른 화면 너비에서 다중 열 레이아웃을 제어합니다. 예를 들어 하나의 DIV에 여러 개의 숨겨진 **을 결합하여 여러 열이 다른 화면 너비에서 올바르게 표시되도록 할 수 있습니다. 예를 들어 제품 사진의 행을 표시하려면 큰 화면 크기에서 행당 4 개, 작은 화면에서 3 …

290 twitter-bootstrap  bootstrap-4 

모달과 같은 방식으로 팝 오버를 해제 할 수 있습니까? 사용자가 외부에서 클릭하면 닫히도록 하시겠습니까? 불행히도 나는 popover 대신 실제 모달을 사용할 수 없습니다. 모달은 위치 : 고정을 의미하고 더 이상 팝 오버가 아니기 때문입니다. :(

289 twitter-bootstrap  popover 

부트 스트랩 팝 오버 안에 HTML을 표시하려고하는데 어떻게 든 작동하지 않습니다. 나는 여기에 몇 가지 답변을 찾았지만 나에게는 효과가 없다. 내가 뭘 잘못하고 있는지 알려주세요. <script> $(function(){ $('[rel=popover]').popover({ html : true, content: function() { return $('#popover_content_wrapper').html(); } }); }); </script> <li href="#" id="example" rel="popover" data-content="" data-original-title="A Title"> popover </li> <div …

288 html  twitter-bootstrap  popover 

휴무 . 이 질문은 의견 기반 입니다. 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 이 게시물 을 편집 하여 사실과 인용으로 답변 할 수 있도록 질문을 업데이트하십시오 . 휴일 육년 전 . 이 질문을 개선하십시오 LESS를 사용하여 Bootstrap 2.0.3으로 작업하고 있습니다. 광범위하게 사용자 정의하고 싶지만 라이브러리 변경이 빈번 할 때마다 …

285 twitter-bootstrap  less 

부모님 안에 HTML 요소를 세로 또는 가로로 가운데에 배치하는 방법이 있습니까?

285 css  twitter-bootstrap 

data-toggleTwitter 부트 스트랩에서 속성은 무엇입니까 ? Bootstrap API에서 답변을 찾을 수 없습니다. 내가 전에뿐만 아니라 비슷한 질문을 본 링크를 . 그러나 그것은별로 도움이되지 않았습니다.

284 javascript  jquery  html  twitter-bootstrap 

데이터베이스 행에 연결된 행의 HTML 테이블이 있습니다. 각 행에 대해 "행 삭제"링크를 갖고 싶지만 사전에 사용자에게 확인하고 싶습니다. Twitter Bootstrap 모달 대화 상자를 사용하여이를 수행 할 수있는 방법이 있습니까?

284 jquery  twitter-bootstrap 

나는 여기에있는 게시물, Bootstrap 사이트 및 Googled를 미친 것처럼 읽었지만 쉬운 대답은 확실하지 않습니다 ... 다음과 같이 link_to 도우미에서 여는 부트 스트랩 모달이 있습니다. <%= link_to "New Contact", new_contact_path, {remote: true, 'data-toggle' => 'modal', 'data-target' => "#myModal", class: "btn btn-primary"} %> 내 ContactsController.create행동에는 코드를 만들고에 Contact전달합니다 create.js.erb. 에서 create.js.erb오류 처리 …

281 javascript  twitter-bootstrap  modal-dialog 

드롭 다운을 채우기 위해 아약스 호출을 하는 Twitter 부트 스트랩 typeahead 요소 의 작동 예제를 찾으려고합니다 . 기존 작업 jquery 자동 완성 예제가 있는데 Ajax URL을 정의하고 응답을 처리하는 방법 <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { var options = { minChars:3, max:20 }; $("#runnerquery").autocomplete('./index/runnerfilter/format/html',options).result( function(event, data, formatted) { window.location = "./runner/index/id/"+data[1]; …

280 jquery  twitter-bootstrap  jquery-autocomplete  jquery-ui-autocomplete  typeahead.js 

다음과 같은 자바 스크립트로 Twitter 부트 스트랩 툴팁을 사용하고 있습니다. $('a[rel=tooltip]').tooltip(); 내 마크 업은 다음과 같습니다. <a rel="tooltip" title="Not implemented" class="btn"><i class="icon-file"></i></a> 이것은 잘 작동하지만 <a>동적으로 요소를 추가하면 해당 동적 요소에 툴팁이 표시되지 않습니다. 문서가 일반적인 jquery $(document).ready(function()기능으로 로드가 완료되면 .tooltip ()을 한 번만 바인딩하기 때문 입니다. 이것을 동적으로 생성 …

277 jquery  twitter-bootstrap 

열의 전체 너비를 차지하는 버튼을 원하지만 어려움이 있습니다 ... <div class="span9 btn-block"> <button class="btn btn-large btn-block btn-primary" type="button">Block level button</button> </div> 단추를 열만큼 넓게 만들려면 어떻게합니까?

276 css  twitter-bootstrap  html  responsive-design 

node_modulesHTML 웹 사이트 에 포함하기위한 모범 사례에 관한 질문이 있습니다. 내 node_modules폴더 안에 부트 스트랩이 있다고 상상해보십시오 . 이제 웹 사이트의 프로덕션 버전의 경우 node_modules폴더 안에 Bootstrap 스크립트와 CSS 파일을 어떻게 포함 합니까? Bootstrap을 해당 폴더 안에두고 다음과 같은 작업을 수행하는 것이 합리적입니까? <script src="./node_modules/bootstrap/dist/bootstrap.min.js"></script> 아니면 gulp 파일에 규칙을 추가 …

275 node.js  twitter-bootstrap  npm  node-modules 

이것은 두 가지 질문입니다. 모달의 정확한 높이를 모르는 경우 어떻게 모달을 중앙에 수직으로 배치 할 수 있습니까? 모달이 화면 높이를 초과하는 경우에만 모달을 중앙에 배치하고 모달 본체에서 overflow : auto를 가질 수 있습니까? 나는 이것을 사용하려고 시도했다. .modal-dialog { height: 80% !important; padding-top:10%; } .modal-content { height: 100% !important; overflow:visible; …

270 css  twitter-bootstrap  modal-dialog  center 

부트 스트랩의 div 컨테이너 내에서 텍스트를 왼쪽 정렬하고 다른 텍스트를 오른쪽 정렬하는 일반적인 방법은 무엇입니까? 예 : Total cost $42 총 비용 이상은 왼쪽 정렬 텍스트 여야하고 $ 42는 오른쪽 정렬 텍스트입니다.

268 twitter-bootstrap  user-interface  bootstrap-4