«bootstrap-4» 태그된 질문

저는 Bootstrap 4 alpha 2를 사용하고 있으며 카드를 활용하고 있습니다. 특히 공식 문서에서 가져온 이 예제 로 작업하고 있습니다. 모든 카드를 같은 높이로 만들려면 어떻게해야합니까? 지금까지 생각할 수있는 것은 다음 CSS 규칙을 설정하는 것뿐입니다. .card { min-height: 200px; } 그러나 이것은 일반적인 경우에는 작동하지 않는 하드 코딩 된 솔루션 일뿐입니다. …

134 html  css  twitter-bootstrap  bootstrap-4  bootstrap-cards 

부트 스트랩 3에는 .well회색 배경색과 일부 패딩이있는 요소 주위에 둥근 테두리를 추가하는 클래스가 있습니다. <div class="well">Basic Well</div> 그러나 .wellbootstrap-4에서 클래스를 찾지 못했습니다 . .wellbootstrap-4 와 동등한 태그가 있습니까?

129 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4  twitter-bootstrap-4 

부트 스트랩 3이 처음입니다 .... 내 레이아웃에는 다음이 있습니다. <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> 'elements 2'가 col-lg 화면보다 작게 정렬되지 않도록하고 싶습니다. col-lg-6에 대해서만 클래스 풀-오른쪽을 효과적으로 갖습니다. 어떻게하면 되나요? 여기에 바이올린이 있습니다 : http://jsfiddle.net/thibs/Y6WPz/ 감사합니다

127 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

화면 크기가 992px보다 작을 때 햄버거 토글 러가 추가되는 부트 스트랩 웹 사이트가 있습니다. 코드는 다음과 같습니다. <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> 햄버거 토글 버튼의 ​​색상을 변경할 수 있습니까?

125 css  twitter-bootstrap  bootstrap-4 

내비게이션 바의 제목으로 일부 텍스트를 넣어 가입 페이지를 개발 중입니다. 그 텍스트에 다른 색을주고 싶습니다. 이를 위해 별도의 CSS 파일을 사용하고 있지만 부트 스트랩의 CSS 파일을 사용하여이 작업을 수행하고 싶습니다. 누구나 부트 스트랩에서 사용 가능한 색상 클래스를 나열 할 수 있습니까?

119 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

닫은. 이 질문은 Stack Overflow 지침을 충족하지 않습니다 . 현재 답변을 받고 있지 않습니다. 이 질문을 개선하고 싶으십니까? Stack Overflow의 주제에 맞게 질문을 업데이트하세요 . 휴일 2 년 전 . 이 질문 개선 새 웹 사이트에 Bootstrap V4를 사용하고 있으며 알파 버전임을 확인했습니다. 그러나 빌드에 datepicker.js가 있음을 알 수 없습니다. …

114 twitter-bootstrap  bootstrap-4 

NuGet을 사용하여 ASP.NET Core의 Bootstrap을 업데이트하고 싶습니다. 나는 이것을 사용했다 : Install-Package bootstrap -Version 4.0.0 종속성을 추가했지만 지금 프로젝트에 어떻게 추가합니까? 로컬 NuGet 종속성의 경로는 무엇입니까?

112 .net  asp.net-core  nuget  bootstrap-4  asp.net-core-2.0 

드롭 다운 항목이 페이지를 벗어나지 않는 것 같습니다. BS3에서 몇 가지를 시도했지만 작동하지 않는 것 같습니다. ml-auto 때문인지 잘 모르겠습니다. (if-else 문 무시) CodePen 은 다음과 같습니다 . <div class="container-fluid"> <nav class="navbar fixed-top navbar-toggleable-md navbar-inverse" style="background-color: #3c763d!important;"> <button class="navbar-toggler navbar-toggler-right navbar-toggler-custom" type="button" data-toggle="collapse" data-target="#searchNav" aria-controls="searchav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> …

111 twitter-bootstrap  css  bootstrap-4 

이것이 제가 Bootstrap 3 캐 러셀로 달성하려는 효과입니다. 한 번에 한 프레임 만 표시하는 대신 N 프레임을 나란히 표시합니다. 그런 다음 슬라이드 할 때 (또는 자동 슬라이드 할 때) 슬라이드 그룹을 이동합니다. 부트 스트랩 3의 캐 러셀로 이것을 할 수 있습니까 ? 나는 아직 다른 jQuery 플러그인을 사냥하러 갈 필요가 …

110 jquery  twitter-bootstrap-3  jquery-plugins  carousel  bootstrap-4 

잘 작동하는 Bootstrap 4를 사용하여 접을 수있는 navbar를 만들었지 만 사용자가 링크를 클릭하면 닫히고 싶습니다. 이 작업을 수행 할 방법이 있습니까? 감사 html navbar : <nav class="navbar navbar-toggleable-md fixed-top"> <button id="nav-btn"class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarDiv" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="container"> <a class="navbar-brand" href="#"><img …

110 html  css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

최신 버전에서는 pull-left 및 pull-right가 .pull- {xs, sm, md, lg, xl}-{left, right, none}으로 대체되었습니다. 즉, 간단한을 작성하는 대신 class="pull-right"지금 작성해야합니다.class="pull-md-right pull-xl-right pull-lg-right pull-sm-right pull-xs-right" 덜 지루한 방법이 있습니까?

104 bootstrap-4 

에서는 태그에 Bootstrap 3적용 col-sm-xx하고 테이블 열의 크기를 마음대로 조정할 수 있습니다 . 그러나 이것은 부트 스트랩 4에서 작동하지 않습니다. 부트 스트랩 4에서 이와 같은 것을 어떻게 얻을 수 있습니까?ththead <thead> <th class="col-sm-3">3 columns wide</th> <th class="col-sm-5">5 columns wide</th> <th class="col-sm-4">4 columns wide</th> </thead> 특히 테이블에 데이터를 추가하는 경우 크기가 …

104 css  twitter-bootstrap  html-table  bootstrap-4 

방금이 페이지를 방문했습니다. http://www.elmastudio.de/ Bootstrap 3으로 왼쪽 사이드 바 축소를 만들 수 있는지 궁금했습니다. 상단에서 사이드 바를 접는 코드 (휴대 전화 만 해당) : <button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar-ex1-collapse"> <span class="sr-only">Sidebar</span> <span class="glyphicon glyphicon-check"></span> </button> 사이드 바 자체에는 hidden-xs 클래스가 있습니다. 다음 js로 제거됩니다. $('.sidebar-toggle').click(function(){ $('#sidebar').removeClass('hidden-xs'); }); 버튼을 클릭하면 …

102 twitter-bootstrap-3  bootstrap-4  sidebar  collapse 

나는 부트 스트랩 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 

내 콘텐츠가 유동적 .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