«twitter-bootstrap» 태그된 질문

Twitter-Bootstrap 버튼은 놀랍도록 아름답습니다. 스크롤하여 사용해보십시오. 그러나 그들은 색상이 제한되어 있습니다. 부트 스트랩이 너무 아름답고 쉽게 만들었던 아름다운 호버 오버 효과를 유지하면서 버튼의 기본 색상을 변경할 수있는 방법이 있습니까? 나는 트위터가 그 효과를 유지하기 위해 사용하는 CSS / JavaScript가 어떻게 보이는지 완전히 알지 못합니다.

96 css  button  twitter-bootstrap 

100 % 컬러 블록을 번갈아 가며 만들고 싶습니다. "이상적인"상황은 현재 상황뿐 아니라 첨부 파일로 설명됩니다. 원하는 설정 : 현재 : 내 첫 번째 아이디어는 div 클래스를 만들고 배경색을 지정하고 100 % 너비를 지정하는 것이 었습니다. .block { width: 100%; background: #fff; } 그러나 이것은 분명히 작동하지 않는다는 것을 알 수 …

96 css  twitter-bootstrap  width 

<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 

ASP.NET MVC4 Bootstrap 3 응용 프로그램은 Web IDE 용 Microsoft Visual Studio Express 2013에서 실행됩니다. Chrome 콘솔에 항상 오류가 표시됨 http://localhost:52216/admin/fonts/glyphicons-halflings-regular.woff2 Failed to load resource: the server responded with a status of 404 (Not Found) 이 파일은 솔루션 탐색기의 글꼴 디렉터리에 있습니다. 빌드 동작은 "내용"으로 설정되고 출력 디렉토리에 복사는 "다른 …

95 asp.net-mvc  twitter-bootstrap  visual-studio  asp.net-mvc-4  glyphicons 

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

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

방금 새로 만든 각도 CLI.angular-cli.json 의 관련 부분을 아래와 같이 프로젝트 실행 npm install bootstrap@4.0.0-beta jquery popper.js --save 및 변경 "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], 그러나 아래 오류가 발생합니다. 10:2287 Uncaught SyntaxError: Unexpected token export at eval (<anonymous>) at webpackJsonp.../../../../script-loader/addScript.js.module.exports (addScript.js:9) at Object.../../../../script-loader/index.js!../../../../popper.js/dist/popper.js (popper.js?4b43:1) at …

95 twitter-bootstrap  angular  webpack  popper.js 

문제를 해결하는 데 도움이 필요합니다. 콘텐츠를 bootstrap4의 열 중앙에 배치해야합니다. 아래에서 내 코드를 찾으십시오. <div class="container"> <div class="row justify-content-center"> <div class="col-3"> <div class="nauk-info-connections"> </div> </div> </div>

95 twitter-bootstrap  flexbox  bootstrap-4 

저는 Bootstrap-sass로 구현 된 Rails 3.1.2 프로젝트에서 Twitter Bootstrap 2.0.1을 사용하고 있습니다. bootstrap.css및 bootstrap-responsive.css파일 과 bootstrap-collapse.jsJavascript를 모두로드 하고 있습니다 . 예제 와 유사한 navbar가있는 유동적 인 레이아웃이 있습니다. 이것은 "반응 변화"지침 네비게이션 바에을 다음 여기에 . 잘 작동합니다. 페이지가 약 940px보다 좁 으면 탐색 모음이 축소되고 클릭하여 확장 할 수있는 …

94 css  ruby-on-rails-3  twitter-bootstrap 

내 페이지에서 모달보기를 트리거하면 스크롤 막대가 사라집니다. 모달이 움직이거나 사라질 때 배경 페이지가 움직이기 시작하기 때문에 성가신 효과입니다. 그 효과에 대한 치료법이 있습니까?

94 javascript  twitter-bootstrap  modal-dialog 

다음 이미지를보세요. 부트 스트랩 캐 러셀을 사용하여 이미지를 회전하고 있습니다. 그러나 창 너비가 크면 이미지가 테두리와 제대로 정렬되지 않습니다. 그러나 부트 스트랩에서 제공하는 캐 러셀 예제는 창 너비에 관계없이 항상 잘 작동합니다. 코드를 따르십시오. 누군가 캐 러셀이 다르게 작동하는 이유를 설명 할 수 있습니까? 이것이 이미지 크기와 관련이 있습니까? 아니면 …

93 javascript  jquery  twitter-bootstrap  carousel 

드롭 다운 메뉴에서 트위터 부트 스트랩 하위 메뉴를 만들려고했지만 문제가 있습니다. 페이지의 오른쪽 상단에 드롭 다운 메뉴가 있고 해당 메뉴에 하위 메뉴가 하나 더 있습니다. 그러나 하위 메뉴가 열리면 창에 맞지 ​​않고 오른쪽으로 너무 많이 이동하여 사용자가 첫 글자 만 볼 수 있습니다. 하위 메뉴가 오른쪽이 아닌 왼쪽으로 열리도록 만드는 …

93 javascript  jquery  css  twitter-bootstrap 

Twitter Bootstrap 및 HTML5 상용구에 대한 Stack에서 다양한 질문에 대한 답변을 읽었습니다. 다음을 알고 있습니다. 부트 스트랩과 H5BP는 동일하지 않으며 다른 용도로 사용됩니다. 저는 Bootstrap이 무엇에 사용되는지 알고 있으며 매일 사용합니다-바로 사용할 수있는 프런트 엔드 프레임 워크, CSS 및 JS입니다. 선택기 / 요소에 올바른 클래스를 적용하기 만하면 Bootstrap이 모든 작업을 …

93 twitter-bootstrap  html5boilerplate 

부트 스트랩에 문제가 있으므로 도움이 될 것입니다. 감사 내가 원하는 것 :( 상단 부분) 내 현재 코드 : <div class="form-group"> <input type="text" class="form-control" id="findJobTitle" name="findJobTitle" placeholder="Job Title, Keywords" onkeyup="showResult()"> </div> 현재 스크린 샷 :

93 twitter-bootstrap  twitter-bootstrap-3 

내 코드는 다음과 같습니다. <div class="container"> <div> <h1>Welcome TeamName1</h1> asdf <hr> asdf </div> </div> <!-- /container --> hr 태그가 예상대로 작동하지 않는 것 같습니다. 선을 그리는 대신 다음과 같이 간격을 만듭니다.

93 twitter-bootstrap 

이것은 성가신 일입니다. Bootstrap 드롭 다운에서 항목을 클릭해도 드롭 다운이 닫히지 않습니다. 드롭 다운 항목을 클릭 할 때 Facebox 라이트 박스를 열도록 설정했지만 문제가 있습니다. 내가 시도한 것 항목을 클릭하면 다음과 같이 시도했습니다. $('.dropdown.open').removeClass('open'); $('.dropdown-menu').hide(); 그것은 그것을 숨기지 만 어떤 이유로 다시 열리지 않을 것입니다. 보시다시피 드롭 다운이 열려있을 때 …

93 jquery  twitter-bootstrap