«twitter-bootstrap» 태그된 질문

Bootstrap은 웹 응용 프로그램 및 사이트 개발을 시작하도록 설계된 프런트 엔드 프레임 워크입니다. Bootstrap 버전과 관련된 질문은 "twitter-bootstrap-2", "twitter-bootstrap-3"및 "bootstrap-4"태그의 특정 버전 태그도 사용하십시오.

12
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> 햄버거 토글 버튼의 ​​색상을 변경할 수 있습니까?
10
부트 스트랩 유동 레이아웃에서 그리드 요소를 하단 정렬하는 방법
저는 트위터의 부트 스트랩을 사용하는 유동적 인 레이아웃을 가지고 있는데 두 개의 열이있는 행이 있습니다. 첫 번째 열에는 내용이 많으므로 일반적으로 범위를 채우고 싶습니다. 두 번째 열에는 버튼과 일부 텍스트 만 있으며, 첫 번째 열의 셀을 기준으로 아래쪽으로 정렬하고 싶습니다. 내가 가진 것은 다음과 같습니다. -row-fluid------------------------------------- +-span6----------+ +-span6----------+ | | …
6
부트 스트랩 테이블에서 수직 정렬
4 개의 열이있는 테이블을 표시하려고합니다. 그 중 하나는 이미지입니다. 아래는 스냅 샷입니다. 텍스트를 중앙 위치에 세로로 정렬하고 싶지만 어떻게 든 CSS가 작동하지 않는 것 같습니다. 부트 스트랩 반응 형 테이블을 사용했습니다. 내 코드가 작동하지 않는 이유와 작동하도록하는 올바른 방법을 알고 싶습니다. 다음은 테이블의 코드입니다. CSS img { height: 150px; width: …
24
Bootstrap 3 축소 메뉴가 클릭시 닫히지 않음
부트 스트랩 3에서 다소 표준 탐색이 있습니다. <body data-spy="scroll" data-target=".navbar-collapse"> <!-- ---------- Navigation ---------- --> <div class="navbar navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> </button> <a class="navbar-brand" href="index.html"> <img src="#"></a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="#home">Home</a></li> <li><a href="#one">One</a></li> …
8
Bootstrap Datepicker-월 및 연도 만
부트 스트랩 datepicker를 사용하고 있으며 코드는 다음과 같습니다. jsfiddle 의 코드 데모 <div class="input-append date" id="datepicker" data-date="02-2012" data-date-format="mm-yyyy"> <input type="text" readonly="readonly" name="date" > <span class="add-on"><i class="icon-th"></i></span> </div> $("#datepicker").datepicker({ viewMode: 'years', format: 'mm-yyyy' }); 위의 코드는 잘 작동하지만 내가하려는 것은 사용자가 월과 년만 선택하도록 허용하는 것입니다. 방법을 알려주시겠습니까?
18
부트 스트랩 3 : 페이지 새로 고침시 선택한 탭 유지
Bootstrap 3 으로 새로 고침 시 선택한 탭을 활성 상태 로 유지 하려고합니다 . 이미 여기에서 몇 가지 질문을 시도하고 확인했지만 나를 위해 일하지 않았습니다. 내가 어디에서 틀렸는 지 모르겠다. 내 코드는 다음과 같습니다. HTML <!-- tabs link --> <ul class="nav nav-tabs" id="rowTab"> <li class="active"><a href="#personal-info" data-toggle="tab">Personal Information</a></li> <li><a href="#Employment-info" …
10
부트 스트랩 버전을 어떻게 식별합니까?
사이트에서 Bootstrap을 업데이트하고 싶지만 설치된 버전을 모릅니다. bootstrap.css 및 bootstrap.min.js 파일만으로 부트 스트랩 버전을 식별하려면 어떻게해야합니까? CSS 파일에는 버전이 없으며 min.js 파일에는 다음 주석이 포함되어 있습니다. /*! * Bootstrap.js by @fat & @mdo * Copyright 2012 Twitter, Inc. * http://www.apache.org/licenses/LICENSE-2.0.txt */
4
Bootstrap에서 사용 가능한 텍스트 색상 클래스
내비게이션 바의 제목으로 일부 텍스트를 넣어 가입 페이지를 개발 중입니다. 그 텍스트에 다른 색을주고 싶습니다. 이를 위해 별도의 CSS 파일을 사용하고 있지만 부트 스트랩의 CSS 파일을 사용하여이 작업을 수행하고 싶습니다. 누구나 부트 스트랩에서 사용 가능한 색상 클래스를 나열 할 수 있습니까?
3
메뉴의 부트 스트랩 3 슬라이드 / 모바일의 Navbar [닫힘]
닫은. 이 질문에는 디버깅 세부 정보 가 필요합니다 . 현재 답변을 받고 있지 않습니다. 이 질문을 개선하고 싶으십니까? Stack Overflow의 주제에 맞게 질문을 업데이트하세요 . 작년에 문을 닫았 습니다 . 이 질문 개선 저는 브라우저 기반 모바일 앱을 구축 중이며 디자인을위한 CSS 프레임 워크로 Bootstrap 3을 사용하기로 결정했습니다. Bootstrap 3은 …
7
Bootstrap Carousel : 자동 슬라이드 제거
Bootstrap Carousel을 사용하고 있습니다. 내가 원하는 것은 내비게이션 또는 페이지 매김을 클릭 할 때만 슬라이더가 미끄러지는 것입니다. 나는 제거를 시도했다 $('.carousel').carousel({ interval: 6000 }); 잘 작동하지만 내 문제는 이미 탐색 또는 페이지 매김을 클릭하면 이제 자동 슬라이딩입니다. 자동 슬라이딩 기능을 제거 할 수 있습니까? 그렇다면 어떻게?
12
Bootstrap 4의 드롭 다운에서 화살표를 제거하는 방법은 무엇입니까?
저는 Bootstrap 4를 사용하고 있습니다. 드롭 다운에서 화살표를 제거하려고했습니다. 답변 내가 부트 스트랩 3 발견은 더 이상 작동하지 않습니다. jsfiddle이 여기 있습니다 . <div class="dropdown open"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown </button> <div class="dropdown-menu" aria-labelledby="dropdownMenu1"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> </div> </div>
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.