«bootstrap-4» 태그된 질문

Bootstrap 4를 사용하여 웹 앱을 만들고 이상한 문제가 발생합니다. 모바일 장치에서 테이블의 가로 스크롤을 허용하기 위해 Bootstrap의 테이블 응답 클래스를 활용하고 싶습니다. 데스크톱 장치에서는 테이블이 포함 된 DIV 너비의 100 %를 차지해야합니다. 테이블에 .table-responsive 클래스를 적용하자마자 테이블이 가로로 축소되고 더 이상 너비의 100 %를 차지하지 않습니다. 어떤 아이디어? 내 마크 …

96 css  bootstrap-4 

문제를 해결하는 데 도움이 필요합니다. 콘텐츠를 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 

부트 스트랩 4에는 수평 분할기가 내장되어 있습니까? 할 수있어 <style type="text/css"> .h-divider{ margin-top:5px; margin-bottom:5px; height:1px; width:100%; border-top:1px solid gray; } </style> 하지만 내장 된 부트 스트랩 CSS를 사용하고 싶습니다. 문서의 어느 곳에서도 찾을 수 없습니다. 아마도 누락되었을 수 있습니다.

94 html  css  bootstrap-4  twitter-bootstrap-4 

브랜드 색상과 일치하도록 부트 스트랩 기본 색상을 변경할 수 있습니까? 제 경우에는 bootswatch의 종이 테마를 사용하고 있습니다.

93 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

<div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8"> <div v-for="job in job"> <div class="text-center"> <h1>{{ job.job_title }}</h1> <p><strong>Google Inc. </strong> - {{ job.location }}</p> <h2><u>Job Description</u></h2> </div> <p v-html="desc"></p> <p class="text-center">Posted: {{ formatDate(job.date_created) }}</p> <button v-on:click="applyResume()" id="apply-btn" class="btn btn-primary">{{ buttonText }}</button> </div> </div> <div class="hidden-sm-down col-md-4"></div> </div> </div> 이 버튼을 …

91 css  twitter-bootstrap  bootstrap-4 

현재 다음과 같은 것이 있습니다. <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> 이제 content높이가 다르고 너비가 모두 같은 상자가 있다고 가정합니다 . 동일한 "그리드 기반 레이아웃"을 유지하면서 모든 상자가 완벽한 선 대신 서로 아래에 정렬되도록 할 …

88 html  css  twitter-bootstrap  responsive-design  bootstrap-4 

card-deck및 card클래스 를 사용하는 부트 스트랩 예제 중 하나를 살펴 보았습니다 ( 가격 예제 ). 목록 중 하나에 다른 항목보다 항목이 적 으면 단추 정렬을 어떻게 수정할 수 있는지 궁금했습니다. 모든 버튼을 세로로 정렬하고 (각 카드 하단에 있음)이 작업을 수행하는 방법을 알 수 없습니다. .align-bottom클래스를 설정 하고 버튼을 <div class="align-text-bottom">. …

86 html  css  twitter-bootstrap  bootstrap-4 

데스크톱과 모바일에서 서로 다른 방식으로 주문하려는 3 개의 열이 있습니다. 현재 내 띠는 다음과 같습니다. <div class="row"> <div class="col-xs-3 col-md-6"> 1 </div> <div class="col-xs-3 col-md-6"> 2 </div> <div class="col-xs-6 col-md-12"> 3 </div> </div> 코드 조각 실행결과 숨기기스 니펫 확장 모바일보기에서 다음 출력을 원합니다. 1-3-2 불행히도 나는 Bootstrap 4 의 .col-md-push-*및 …

80 css  bootstrap-4  grid 

간단한 반응 스프링 부트 응용 프로그램을 개발하고 있지만 GitHub 문제로 인해 IntelliJ를 사용하여 응용 프로그램 시작 파일을 다시 만들고 이전 응용 프로그램의 package.json 파일의 종속성 데이터를 사용하여 노드 모듈을 설치했습니다. 접는 탐색 표시 줄 (햄버거 표시 줄-> 모바일보기에서 축소되는 반응 형 탐색 표시 줄)을 사용하고 햄버거 단추를 클릭하면 탐색 표시 …

27 javascript  jquery  reactjs  bootstrap-4 

에서는 코너 (9) (도 4 및 부트 스트랩 JQUERY 3.5.1를 사용하여). 부트 스트랩 축소 버튼을 클릭하면 드롭 다운 메뉴 대신 브라우저 콘솔에 오류가 발생 합니다. 나는 정확히 오류가 어디에서 왔는지 모른다. Can't convert object to primitive value(zone-evergreen:171). Uncaught Type Error: Cannot convert object to primitive value(zone-evergreen.js:171 ) at RegExp.test (<anonymous>) …

26 bootstrap-4  angular9 

node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts : 191 : 9의 오류-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다. 191 * 사랑해 ~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts : 28 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 선언 할 수 없습니다. 28 세트 집중 (isFocused : 부울); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts : 14 : 9-오류 TS1086 : 주변 컨텍스트에서 접근자를 …

9 angular  bootstrap-4  ng-bootstrap 

사이드 바 / 탐색 컨텐츠 (부트 스트랩 사용)를 데스크탑에서 기본적으로 표시 (확장)하고 모바일에서 기본적으로 닫히고 모바일에서만 아이콘이 표시되도록하는 데 어려움을 겪고 있습니다. 나는 이것을 작동시키지 않는 것 같습니다. <nav class="menu menu-open" id="theMenu"> <div class="menu-wrap"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <i class="fa fa-bars menu-close d-lg-none" id="menu-toggle"></i> </button> …

9 javascript  html  css  bootstrap-4  responsive-design