«twitter-bootstrap» 태그된 질문

나는 부트 스트랩 4 설치를 시도하고 다음 링크를 포함했습니다. <script src="libs/jquery/dist/jquery.min.js"></script> <script src="libs/tether/dist/js/tether.min.js" ></script> <script src="libs/popper.js/dist/popper.js"></script> <script src="libs/bootstrap/dist/js/bootstrap.min.js" ></script> 그러나 다음과 같은 오류가 발생합니다. 발견되지 않은 구문 오류 : 예기치 않은 토큰 내보내기 그것을 고치는 방법에 대한 아이디어가 있습니까?

100 javascript  twitter-bootstrap  bootstrap-4  popper.js 

현재이 질문은 Q & A 형식에 적합하지 않습니다. 사실, 참고 문헌 또는 전문 지식이 답변을 뒷받침 할 것으로 기대하지만이 질문은 토론, 논쟁, 여론 조사 또는 확장 된 토론을 유도 할 가능성이 높습니다. 이 질문이 개선되고 다시 열릴 수 있다고 생각 되면 도움말 센터 를 방문하여 안내를 받으세요. 휴일 칠년 전에 …

99 jquery  twitter-bootstrap  datepicker  datetimepicker 

다음 Bootstrap 3과 같이 링크를 분리하기 위해 드롭 다운 메뉴 내부에 배치 할 수있는 가로 구분선이 있습니다. <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2"> <li role="presentation" class="dropdown-header">Dropdown header</li> ... <li role="presentation" class="divider"></li> </ul> 내 질문은 다음과 같습니다. 드롭 다운에없는 목록이나 유사한 메뉴에 넣는 것과 같이이를 수행 할 수있는 방법이 있습니까?

98 twitter-bootstrap  twitter-bootstrap-3 

트위터 부트 스트랩의 모달 팝업을 사용하고 있습니다. <div id="myModal" class="modal hide fade in"> <div class="modal-header"> <a class="close" data-dismiss="modal">×</a> <h3>Header</h3> </div> <div class="modal-body"></div> <div class="modal-footer"> <input type="submit" class="btn btn-success" value="Save"/> </div> </div> 이 a 요소와 함께 ajax를 사용하여 콘텐츠를로드 할 수 있습니다. <a data-toggle="modal" data-target="#myModal" href="edit.aspx">Open modal</a> 이제 동일한 모달을 열어야하지만 …

98 javascript  twitter-bootstrap 

내 Bootstrap 테마를 v2.3.2에서 v3.0.0으로 마이그레이션하고 있는데 한 가지 알아 차린 점은 bootstrap.css의 다음 스타일로 인해 많은 차원이 다르게 계산된다는 것입니다. *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 누구든지 Bootstrap이 모든 요소의 상자 크기를 테두리 상자로 전환하는 이유를 설명 할 수 있습니까? 나는 그것이 퍼센트 기반의 …

98 css  twitter-bootstrap  twitter-bootstrap-3  boxsizer 

메인 콘텐츠 영역에 navbar가 상단에 고정되고 아래에 3div가있는 사이트가 있습니다. 부트 스트랩 프레임 워크에서 scrollspy를 사용하려고합니다. div를지나 스크롤 할 때 메뉴에서 다른 제목을 성공적으로 강조 표시했습니다. 또한 메뉴를 클릭하면 페이지의 올바른 부분으로 스크롤됩니다. 그러나 오프셋이 잘못되었습니다 (탐색 막대를 고려하지 않았으므로 약 40 픽셀만큼 오프셋해야 함) 난에 표시되는 부트 스트랩 페이지 …

98 twitter-bootstrap 

내 콘텐츠가 유동적 .container-fluid이기를 원 하지만 Bootstrap의 그리드와 함께 사용할 때 여전히 패딩이 표시됩니다. 패딩을 제거하려면 어떻게해야합니까? .row로 패딩을 얻지 못했지만 열을 추가하고 싶습니다. 그러 자마자 패딩이 돌아 왔습니다. 열을 전체 너비로 사용할 수 있기를 원합니다. 예 : <div class="container-fluid"> <div class="row"> <div class="col-sm-6"> <p>Use this document as a way …

98 twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

다음 과 같이 Bootstrap-Select 플러그인을 사용하고 있습니다 . HTML : <select name="selValue" class="selectpicker"> <option value="1">Val 1</option> <option value="2">Val 2</option> <option value="3">Val 3</option> <option value="4">Val 4</option> </select> 자바 스크립트 : $('select[name=selValue]').selectpicker(); 이제 버튼을 클릭했을 때 선택한 값을이 선택으로 설정하고 싶습니다. $('#mybutton').click(function(){ $('select[name=selValue]').val(1); }); 하지만 아무 일도 일어나지 않습니다. 이것을 어떻게 할 …

97 jquery  twitter-bootstrap  bootstrap-select 

날짜를 선택한 후 달력을 숨기려면 어떻게합니까? 사용할 수있는 특정 기능이 있습니까? 아래 내 코드 : $('#dp1').datepicker({ format: 'mm-dd-yyyy', startDate: '-15d', autoclose: true, endDate: '+0d' // there's no convenient "right now" notation yet }); 어떤 도움을 주시면 감사하겠습니다.

97 jquery  twitter-bootstrap  datepicker 

현재 트위터 부트 스트랩 3을 사용하고 있으며 반응 형 이미지를 만드는 데 문제가 있습니다. 나는 img-responsive수업 을 사용했습니다 . 그러나 이미지 크기는 확대되지 않습니다. width:100%대신 사용하면 max-width:100%완벽하게 작동합니다. 문제는 어디입니까? 이것은 내 코드입니다. <div class="col-md-4 col-sm-4 col-xs-12 "> <div class="product"> <div class="product-img "> <img class="img-responsive" src="img/show1.png" alt="" /> </div> </div> …

97 javascript  jquery  html  css  twitter-bootstrap 

저는 JQuery를 사용하지 않는 프로젝트에서 일합니다. 트위터 부트 스트랩이 그것에 의존합니까?

97 twitter-bootstrap 

특정 크기 div에 맞는 이미지를 얻으려고합니다. 불행히도 이미지는이를 따르지 않고 대신 충분히 크지 않은 크기로 비례하여 축소됩니다. 이미지를 내부에 맞추는 가장 좋은 방법이 무엇인지 잘 모르겠습니다. 이 코드가 충분하지 않다면 더 많은 것을 제공 할 수 있고 내가 간과하고있는 다른 오류를 수정할 수 있습니다. 다음은 HTML입니다. <div class="span3 top1"> <div …

97 html  css  twitter-bootstrap 

로그인 한 사용자 userName목록 userName에서 트위터 부트 스트랩으로을 전달하고 싶습니다 modal. angularjs 를 통해 데이터가 렌더링되는 angularjs 와 함께 grails 를 사용하고 있습니다. 구성 내 성배보기 페이지 encouragement.gsp는 <div ng-controller="EncouragementController"> <g:render template="encourage/encouragement_modal" /> <tr ng-cloak ng-repeat="user in result.users"> <td>{{user.userName}}</rd> <td> <a class="btn btn-primary span11" href="#encouragementModal" data-toggle="modal"> Encourage </a> </td> </tr> …

96 javascript  twitter-bootstrap  grails  angularjs 

Bootstrap 4로 마이그레이션 할 때 새로운 반응 형 유틸리티 숨김 / 표시 클래스에 문제가 있습니다 . 나는 .hidden- 클래스가되었는지 알고 v3의 제거 및 교체 와 함께 . 새 클래스를 사용하지만 요소가 표시 / 숨김으로 변경되지 않습니다. 이유를 알 수 없습니다..hidden-*-up .hidden-*-down.hidden-*-up.hidden-*-down <div class="col hidden-xs-down"> <span class="vcard"> … </span> </div> <div …

96 twitter-bootstrap  twitter-bootstrap-3  hide  hidden  twitter-bootstrap-4 

다음 코드가 의미하는 바를 이해할 수 없습니다 icon-bar. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> 무엇입니까 icon-bar? 유사한 사례가 세 개있는 이유는 무엇입니까? 이 코드는 탐색 모음 섹션에 있습니다. <div class="navbar-header"> ... </div>

96 html  css  twitter-bootstrap