«twitter-bootstrap» 태그된 질문

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

4
iPhone에서 Simple Bootstrap 페이지가 응답하지 않음
Twitter Bootstrap 예제를 다운로드하여 간단한 레일 프로젝트를 만들었습니다. 필요한 곳에 CSS를 복사했는데 잘 표시됩니다. 또한 js를 복사했고 모든 것이 데스크탑에서 잘 작동합니다. 브라우저의 크기를 변경하면 페이지가 재구성됩니다. 크기가 다른 일부 "반응 형 디자인 테스트 도구"를 사용하면 잘 작동합니다. 내가 가진 문제는 내 iPhone에 있습니다. 내 바탕 화면처럼 표시됩니다. Bootstrap Hero …
22
모달 창 내의 Twitter Bootstrap Datepicker
저는 현재 Twitter Bootstrap 프레임 워크를 사용하고 있으며, 모달 창을 사용할 때 js 요소를 통해 datepicker 또는 유효성 검사와 같은 작업을 수행 할 수는 없지만 올바르게 선택되고 균일하게 렌더링됩니다. 아래의 모달 창을 참조하십시오. <div class="modal hide in" id="newMember" style="display: block; " aria-hidden="false"> <div class="modal-header"> <button class="close" data-dismiss="modal" type="button">×</button> <h3>New Member …
11
창 가장자리와 관련하여 팝 오버의 X 위치를 기준으로 부트 스트랩 팝 오버의 위치를 ​​변경 하시겠습니까?
나는 인터넷을 광범위하게 샅샅이 뒤 졌고이 stackoverflow 게시물이 통찰력있는 것을 발견했지만 화면 너비에 따라 부트 스트랩 팝 오버의 위치를 ​​변경할 수 있습니까? , 위치 / 오프셋을 이해하는 데 문제가 있었기 때문에 여전히 내 질문에 대답하지 못했습니다. 여기 내가하려는 일이 있습니다. 핫스팟 팝 오버가 뷰포트 너머에 위치하지 않는 한 Twitter Bootstap …
14
Bootstrap에서 btn 색상을 변경하는 방법
.btnBootstrap의 모든 속성 을 변경하는 방법이 있습니까? 나는 아래에서 시도했지만 여전히 때때로 기본 파란색이 표시됩니다 (마우스를 클릭하고 제거한 후 등). 전체 테마를 모두 변경하려면 어떻게해야합니까? .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited { background-color: #8064A2; }
7
부트 스트랩에서 열 고정 위치 만들기
Bootstrap을 사용하면 다른 .col-lg-9가 정상 위치 (페이지를 스크롤 할 수 있음) 인 동안 위치 : 고정 된 위치에 배치하려는 그리드 열 class = "col-lg-3"이 있습니다. <div class="row"> <div class="col-lg-3"> Fixed content </div> <div class="col-lg-9"> Normal scrollable content </div> </div> LifeHacker.com 의 왼쪽 열과 같은 방식으로 왼쪽 부분이 고정되어 있지만 페이지를 …
24
부트 스트랩 모달 창을 완전히 파괴하는 방법은 무엇입니까?
내가 사용했습니다 모달 창을 약 4,5 단계가 마법사 구현. 페이지를 새로 고치지 않고 마지막 단계 (onFinish) 및 OnCancel 단계 후에 완전히 삭제해야합니다 . 물론 숨길 수는 있지만 모달 창을 숨기면 다시 열면 모든 것이 복원됩니다. 누구든지이 문제에 대해 나를 도울 수 있습니까? 감사합니다 모든 힌트 답변이 도움이됩니다.
7
부트 스트랩 "툴팁"및 "팝 오버"는 테이블에 추가 크기를 추가합니다.
참고 : 부트 스트랩 버전 (3.3 이전 여부)에 따라 다른 답변이 필요할 수 있습니다. 메모에주의하십시오. 이 코드에서 툴팁 (셀 위로 마우스 오버) 또는 팝 오버를 활성화하면 테이블 크기가 커집니다. 이것을 어떻게 피할 수 있습니까? 여기 emptyRow-100으로 tr을 생성하는 함수 <html> <head> <title></title> <script type="text/javascript" language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <link type="text/css" rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css"> …
4
부트 스트랩 3 Glyphicons CDN
주의! 이 풀 리퀘스트 병합 후에 부트 스트랩 아이콘이 돌아 옵니다 . 지난 몇 주 동안 이것을 앞뒤로 진행 한 후 Glyphicons 아이콘 글꼴을 기본 저장소 로 복원 하기로 결정했습니다 . UI에서 아이콘이 얼마나 널리 퍼져 있는지를 감안할 때 CSS 및 JS와 같은 위치에 아이콘 (또는 다른 아이콘 글꼴)을 포함하지 …
5
다중 및 / 또는 중첩 된 부트 스트랩 컨테이너?
내 이해 는 모든 Bootstrap 스타일 요소가 요소 내부에 존재해야한다는 것 <div class="container">입니다. 하지만 때때로 여러 "컨테이너"가있는 부트 스트랩 예제를 봅니다. <div class="container"> <!-- Blah, GUI stuff, blah --> </div> ... <div class="container"> <!-- Blah, more GUI stuff, blah --> </div> 내 질문 : 여러 "컨테이너 div"가있는 단일 HTML 페이지가 …
7
콘텐츠에 맞는 Bootstrap 테이블 열 만들기
저는 Bootstrap을 사용하고 있으며 테이블을 그리고 있습니다. 맨 오른쪽 열에는 버튼이 있으며 해당 버튼에 맞는 최소 크기로 드롭 다운하고 싶습니다. <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <table class="table table-responsive"> <tbody> <tr> <th>Name</th> <th>Payment Method</th> <th></th> </tr> <tr> <td>Bart Foo</td> <td>Visa</td> <td><a role="button" class="btn btn-default btn-xs" href="/Payments/View/NnrN_8tMB0CkVXt06nkrYg">View</a></td> </tr> </tbody> </table> 코드 조각 실행결과 숨기기스 …
11
부트 스트랩을 사용하여 버튼 사이에 간격을 지정하는 방법
버튼 사이의 간격을 지정하고 싶습니다. 부트 스트랩을 사용하여 간격을 지정하여 다른 화면 해상도에 대해 일관되게 유지하는 방법이 있습니다. 사용을 시도했지만 margin-left올바른 방법입니까. ?? 다음은 데모입니다. HTML : <div class="btn-toolbar text-center well"> <button type="button" class="btn btn-primary btn-color btn-bg-color btn-sm col-xs-2 margin-left"> <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> ADD PACKET </button> <button type="button" class="btn …
13
Twitter Bootstrap 탭이 작동하지 않음 : 클릭해도 아무 일도 일어나지 않습니다.
다음 코드에서 Twitter Bootstrap 탭을 구현하려고하는데 작동하지 않는 것 같습니다. 탭이 표시되지만 클릭해도 아무 일도 일어나지 않습니다. 아래는 내가 사용하는 유일한 코드입니다. 다른 모든 CSS / JS 스크립트는 Twitter Bootstrap 프레임 워크에서 복사됩니다. <!DOCTYPE html> <html lang="en"> <head> <!-- Le styles --> <link href="assets/twitterbootstrap/css/bootstrap.css" rel="stylesheet"> <link href="assets/twitterbootstrap/css/bootstrap-responsive.css" rel="stylesheet"> </head> <body …
3
Twitter Bootstrap의 Font Awesome vs Glyphicons
저는 웹 개발 초보자이고 최근에 Twitter Bootstrap으로 작업하기 시작했습니다 . 이미 사용 방법을 알고있는 Glyphicon 을 사용 하고 있다는 것을 알고 있습니다. 그러나 나는 또한 Bootstrap을 위해 만들어 졌다고 말하는 Font Awesome 을 발견했습니다. 둘의 차이점은 무엇입니까? 하나는 다른 하나의 대안입니까? 아니면 다른 장소에서 사용해야합니까?
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.