«twitter-bootstrap» 태그된 질문

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

5
부트 스트랩 중심 제목
내 첫 트위터 부트 스트랩 경험입니다. 일부 제목 (h1, h2 등)을 추가했으며 왼쪽으로 정렬됩니다. 제목을 가운데에 맞추는 올바른 방법은 무엇입니까?
14
TypeError : $ (…) .modal은 부트 스트랩 Modal이있는 함수가 아닙니다.
다른 뷰의 HTML에 동적으로 삽입하려는 부트 스트랩 2.32 모달이 있습니다. 저는 Codeigniter 2.1을 사용하고 있습니다. 뷰에 부트 스트랩 모달 부분 뷰를 동적으로 삽입 한 후 다음 과 같이합니다. <div id="modal_target"></div> 삽입 할 대상 div로. 내보기에 다음과 같은 버튼이 있습니다. <a href="#message" class="btn btn-large btn-info" data-action="Message" data-toggle="tab">Message</a> 내 JS에는 다음이 있습니다. …
10
Bootstrap에서 토글 버튼을 만드는 방법
원래 HTML, CSS 및 JavaScript로 웹 앱을 만든 다음 부트 스트랩에서도 다시 만들도록 요청 받았습니다. 나는 모든 것을 잘했지만 웹 앱에 원래 있던 토글 버튼 대신 라디오 (원래 확인란) 버튼으로 다시 변경된 토글 버튼이있었습니다. 버튼의 코드는 다음과 같습니다. <label> Notifications <span class='toggle'> <input type='radio' class='notifications' name='notifications' id='notifications' /> </span> </li> …
4
소형 장치의 Twitter 부트 스트랩 숨기기 요소
이 코드가 있습니다. <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 4</li> <li>Text 5</li> <li>Text 6</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 7</li> <li>Text 8</li> <li>Text 9</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 10</li> <li>Text 11</li> <li>Text …
9
트위터 부트 스트랩으로 작업하는 HTML 이메일을받은 사람이 있습니까?
premailer-rails3html 이메일을 위해 스타일을 인라인으로 가져 오는 gem을 사용 하고 있으며 Twitter 부트 스트랩과 함께 작동하도록 노력하고 있습니다. https://github.com/fphilipe/premailer-rails3 일부 스타일이 올바르게 입력 된 것 같지만 모두가 아닙니다. 나는 누군가가 자신의 Twitter Bootstrap CSS (수정 여부)를 html 이메일로 가져 오는 멋진 작업 예를 가지고 있는지 궁금합니다. 감사!
7
부트 스트랩으로 버튼에 링크를 추가하는 방법은 무엇입니까?
부트 스트랩이있는 버튼에 링크를 어떻게 넣을까요? 부트 스트랩 문서에는 4 가지 방법이 있습니다. <a href="#" class="btn btn-info" role="button">Link Button</a> <button type="button" class="btn btn-info">Button</button> <input type="button" class="btn btn-info" value="Input Button"> <input type="submit" class="btn btn-info" value="Submit Button"> 첫 번째는 나를 위해 작동하지 않고 버튼이 표시되지 않고 링크가있는 텍스트 만 사용하는 테마가 있습니다. …
10
Twitter 부트 스트랩 모달을 닫는 방법 (초기 시작 후)
나는 매우 멍청한 사람이기 때문에 트위터 부트 스트랩 모달로 무언가를 (아마도 분명한) 감독하고 있다고 생각합니다. 내가하려는 것은 모달을 모바일에서만 실행하는 것입니다. 이것은 모달 div에 .visible-phone 클래스를 추가하면 잘 작동합니다. 여태까지는 그런대로 잘됐다. 하지만 작동하기를 원합니다. 즉, X 버튼으로 닫을 수 있습니다. 그리고 버튼이 작동하지 않습니다. <div class="modal visible-phone" id="myModal"> <div …
8
Bootstrap 4, 버튼을 중앙 정렬하려면 어떻게합니까?
<div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8"> <div v-for="job in job"> <div class="text-center"> <h1>{{ job.job_title }}</h1> <p><strong>Google Inc. </strong> - {{ job.location }}</p> <h2><u>Job Description</u></h2> </div> <p v-html="desc"></p> <p class="text-center">Posted: {{ formatDate(job.date_created) }}</p> <button v-on:click="applyResume()" id="apply-btn" class="btn btn-primary">{{ buttonText }}</button> </div> </div> <div class="hidden-sm-down col-md-4"></div> </div> </div> 이 버튼을 …
26
부트 스트랩 navbar 활성 상태가 작동하지 않음
부트 스트랩 v3이 있습니다. 나는를 사용하여 class="active"내에서 navbar내가 메뉴 항목을 누르면이 전환되지 않습니다. 이 작업을 수행 jQuery하고 클릭 기능을 구축하는 방법을 알고 있지만이 기능이 부트 스트랩에 포함되어야한다고 생각합니까? 그렇다면 JavaScript 문제일까요? 다음은 포함 된 js / css / bootstrap 파일이있는 헤더입니다. <!-- Bootstrap CSS --> <link rel="stylesheet" href= "/bootstrap/css/bootstrap.css" /> …
18
부트 스트랩 모달 문제-스크롤링이 비활성화 됨
모달이 있고 그 모달 내에 큰 숨겨진 콘텐츠를 표시하는 드롭 다운이 있습니다. 이제 첫 번째 모달 위에 쌓인 다음 모달을 열고 닫으면 아래 모달 스크롤이 비활성화됩니다. 내가 직면 한 문제를 복제하는 단계를 포함하여 전체 예제를 만들었습니다. 여기에서 볼 수 있습니다 . <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link …
6
Twitter Bootstrap을 사용하여 테이블 셀에서 세로로 버튼 중앙에 배치
Twitter Bootstrap을 사용하고 있으며 테이블 셀 내부에 버튼을 배치하려고합니다. 나는 그것이 수직으로 중앙에 있어야만합니다. <table class="table table-bordered table-condensed"> <tbody> <tr> <td><a href="#" class="btn btn-primary"><i class="icon-check icon-white"></i></a></td> <td><a href="#">Todo Item One</a><br /><span class="label label-success">One thing</span></td> </tr> </tbody> </table> 문제에 대해서는 내 JSFiddle 을 참조하십시오 . 내가 아는 테이블 센터링 트릭을 여러 …
10
Twitter 부트 스트랩을 사용하여 자동으로 경고를 닫는 방법
나는 트위터의 부트 스트랩 CSS 프레임 워크 (환상적이다)를 사용하고있다. 사용자에게 보내는 일부 메시지의 경우 Javascript JS 및 CSS 경고를 사용하여 표시하고 있습니다. 관심있는 사람들은 여기에서 찾을 수 있습니다 : http://getbootstrap.com/javascript/#alerts 내 문제는 이것입니다. 사용자에게 경고를 표시 한 후 일정 시간 간격이 지나면 사라지기를 원합니다. 트위터의 문서와 내가 살펴본 코드에 따르면 …
19
AngularJS와 함께 부트 스트랩 도구 설명 사용
내 앱에서 Bootstrap 툴팁을 사용하려고합니다. 내 앱은 AngularJS를 사용하고 있습니다. 현재 다음이 있습니다. <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left"> Tooltip on left </button> 내가 사용해야 할 것 같아요 $("[data-toggle=tooltip]").tooltip(); 그러나 확실하지 않습니다. 위의 줄을 추가해도 내 코드가 작동하지 않습니다. 필요한 것보다 더 많은 UI 부트 스트랩을 사용하지 …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.