«twitter-bootstrap» 태그된 질문

Twitter 부트 스트랩을 사용하고 있으며 모달을 지정했습니다 <div class="modal hide" id="modal-item"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">x</button> <h3>Update Item</h3> </div> <form action="http://www.website.com/update" method="POST" class="form-horizontal"> <div class="modal-body"> Loading content... </div> <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal">Close</a> <button class="btn btn-primary" type="submit">Update Item</button> </div> </form> </div> 그리고 링크 <a href="http://www.website.com/item/1" data-target="#modal-item" data-toggle="modal">Edit 1</a> …

263 jquery  jquery-plugins  twitter-bootstrap  modal-dialog 

부트 스트랩 3 테이블을 사용하여 고정 헤더와 스크롤 가능한 내용으로 테이블을 만들려고합니다. 불행히도 내가 찾은 솔루션은 부트 스트랩으로 작동하지 않거나 스타일을 엉망으로 만듭니다. 여기 간단한 부트 스트랩 테이블이 있지만 어떤 이유로 든 tbody의 높이가 10px가 아닙니다. height: 10px !important; overflow: scroll; 예: <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> <table class="table table-striped"> <thead> …

261 html  css  twitter-bootstrap  html-table 

나 여기 화났어 다음 HTML이 있습니다. <a href="#" rel="tooltip" title="A nice tooltip">test</a> 그리고 Bootstrap 스타일 툴팁은 일반적인 툴팁 표시를 거부합니다. bootstrap.css가 제대로 작동하고 거기에서 클래스를 볼 수 있습니다. 내 HTML 파일의 끝에 모든 관련 JS 파일이 있습니다. <script src="bootstrap/js/jquery.js"></script> <script src="bootstrap/js/bootstrap-alert.js"></script> <script src="bootstrap/js/bootstrap-modal.js"></script> <script src="bootstrap/js/bootstrap-transition.js"></script> <script src="bootstrap/js/bootstrap-tooltip.js"></script> 나는 Bootstrap의 예제 …

260 twitter-bootstrap 

Twitter 부트 스트랩 모달 대화 상자를 사용하고 있습니다. 부트 스트랩 모달 대화 상자의 제출 버튼을 클릭하면 AJAX 요청을 보냅니다. 내 문제는 모달 배경이 사라지지 않는다는 것입니다. 모달 대화 상자가 제대로 사라지지만 화면에 불투명도를 생성하는 "모달 배경"이 그대로 유지됩니다. 어떡해?

260 twitter-bootstrap  modal-dialog 

Twitter Bootstrap에서 양식을 작성하고 있지만 양식의 입력 아래 버튼을 가운데에 배치하는 데 문제가 있습니다. 이미 center-block버튼에 클래스를 적용하려고 시도했지만 작동하지 않았습니다. 이 문제를 어떻게 해결해야합니까? 여기 내 코드가 있습니다. <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="singlebutton"></label> <div class="col-md-4"> <button id="singlebutton" name="singlebutton" class="btn btn-primary center-block"> Next Step! </button> </div> …

259 html  css  twitter-bootstrap  button 

부트 스트랩 모달을 사용하여 다음을 보았습니다. aria 속성을 많이 보았지만 사용 방법을 몰랐습니다. 누구든지 이러한 속성을 사용해야 할 경우를 알고 있습니까? 나는 봤다 – 간단한 답변을 찾지 못했습니다.

259 twitter-bootstrap  twitter-bootstrap-3  wai-aria 

Twitter 부트 스트랩 3 을 사용하여 2 열 전체 높이 레이아웃 을 만들려고 합니다. Twitter 부트 스트랩 3 은 전체 높이 레이아웃을 지원하지 않는 것 같습니다 . 내가하고 싶은 것 : +-------------------------------------------------+ | Header | +------------+------------------------------------+ | | | | | | |Navigation | Content | | | | | …

247 html  css  twitter-bootstrap 

지구 글리프 아이콘을 더 크게 만들어서 페이지의 많은 부분을 덮고 싶습니다 (벡터 이미지). 버튼이나 다른 것이 아닙니다. 그냥 혼자 야 이 방법이 있습니까? <div class = "jumbotron"> <span class="glyphicon glyphicon-globe"></span> </div>

239 html  css  twitter-bootstrap  glyphicons 

Bootstrap을 사용하여 인라인으로 목록을 표시하고 싶습니다. 이것을 달성하기 위해 Bootstrap에서 추가 할 수있는 클래스가 있습니까?

237 twitter-bootstrap 

이와 같은 HTML 요소를 생성한다고 가정 해 보겠습니다. <div id="my-div" class="hidden">Hello, TB3</div> <div id="my-div" class="hide">Hello, TB4</div> <div id="my-div" class="d-none">Hello, TB4</div> jQuery / Javascript에서 해당 HTML 요소를 표시하고 숨기는 방법은 무엇입니까? 자바 스크립트 : $(function(){ $("#my-div").show(); }); 결과 : (이 중 하나와 함께). 위의 요소를 숨기고 싶습니다. 부트 스트랩을 사용하여 요소를 …

235 javascript  jquery  html  css  twitter-bootstrap 

bootstrap.css웹 사이트에 맞게 수정해야합니다 . 직접 custom.css수정하는 대신 별도의 파일 을 만드는 것이 낫 습니다. 업데이트 bootstrap.css해야하는 이유 bootstrap.css는 모든 수정 사항을 다시 포함시키는 데 어려움을 겪을 것입니다. 이 스타일에 대한로드 시간을 희생 할 것이지만 재정의하는 몇 가지 스타일에는 무시할 수 있습니다. 앵커 / 클래스의 스타일을 제거bootstrap.css 하도록 대체하려면 어떻게해야 …

234 html  css  twitter-bootstrap 

angular-cli 1.0.0-beta.5 (w / 노드 v6.1.0)로 생성 된 앱에서 부트 스트랩 4 (4.0.0-alpha.2)를 사용하려고합니다. npm으로 부트 스트랩과 그 종속성을 얻은 후 첫 번째 접근 방식은 다음과 같이 추가했습니다 angular-cli-build.js. 'bootstrap/dist/**/*.min.+(js|css)', 'jquery/dist/jquery.min.+(js|map)', 'tether/dist/**/*.min.+(js|css)', 그리고 우리의 수입 index.html <script src="vendor/jquery/dist/jquery.min.js"></script> <script src="vendor/tether/dist/js/tether.min.js"></script> <link rel="stylesheet" type="text/css" href="vendor/bootstrap/dist/css/bootstrap.min.css"> <script src="vendor/bootstrap/dist/js/bootstrap.min.js"></script> 이것은 잘 작동 ng …

234 angular  twitter-bootstrap  angular-cli  ngx-bootstrap 

질문 1: npm을 통해 Twitter Bootstrap을 설치하는 목적은 정확히 무엇입니까? npm은 서버 측 모듈을위한 것이라고 생각했습니다. CDN을 사용하는 것보다 부트 스트랩 파일을 직접 제공하는 것이 더 빠릅니까? 질문 2 : npm을 Bootstrap을 설치하려면 bootstrap.js 및 bootstrap.css 파일을 어떻게 가리 킵니까?

233 node.js  twitter-bootstrap  express  npm  cdn 

나는 자바 스크립트를 전혀 모른다. 부트 스트랩 문서에 따르면 javascript를 통해 모달을 호출하십시오. $ ( '# myModal'). modal (options) 페이지로드에서 이것을 호출하는 방법에 대한 단서가 없습니다. 부트 스트랩 페이지에서 제공된 코드를 사용하여 요소 클릭시 모달을 성공적으로 호출 할 수 있지만 페이지로드시 즉시로드하려고합니다.

230 javascript  html  twitter-bootstrap 

새로운 Twitter Bootstrap을 사용하여 사이트를 만들고 있습니다. 사이트는 잘 보이고 IE8을 제외한 모든 필수 브라우저에서 작동합니다. IE8에서는 모바일 버전의 요소를 표시하는 것으로 보이지만 내 데스크탑의 전체 화면에 걸쳐 있습니다. 내가 겪고있는 문제는 트위터 부트 스트랩이 모바일이라는 것입니다. 어떤 이유로 IE8 이이 옵션을 사용하고 있습니다. 또한 container클래스가 의도 한대로 최대 너비 …

228 html  css  twitter-bootstrap  internet-explorer-8  twitter-bootstrap-3