«bootstrap-4» 태그된 질문

Bootstrap 4는 널리 사용되는 프런트 엔드 구성 요소 라이브러리의 네 번째 주요 버전입니다. Bootstrap 프레임 워크는 반응 형 모바일 우선 웹 사이트 및 웹 앱을 만드는 데 도움이됩니다.

17
Twitter Bootstrap 버튼을 올바르게 정렬하려면 어떻게해야합니까?
여기에 간단한 데모가 있습니다. http://jsfiddle.net/HdeZ3/1/ <ul> <li>One <input class="btn pull-right" value="test"></li> <li>Two <input class="btn pull-right" value="test2"></li> </ul> 순서가없는 목록이 있으며 각 목록 항목마다 왼쪽에 텍스트를 놓고 오른쪽 정렬 버튼을 원합니다. 풀 오른쪽을 사용하려고했지만 정렬이 완전히 엉망입니다. 내가 무엇을 잘못하고 있지?
1
왼쪽, 중앙 또는 오른쪽 정렬 항목이있는 부트 스트랩 NavBar
에서 부트 스트랩 , 오른쪽의 중앙에 왼쪽 메뉴 항목에 로고 A를 가지고 탐색 모음 및 로고 B를 생성 할 수있는 가장 플랫폼 친화적 인 방법은 무엇입니까? 여기까지 내가 시도한 것이 있는데, 로고 A가 왼쪽에 있고 왼쪽에 로고 옆의 메뉴 항목이 있고 오른쪽에 로고 B가 있도록 정렬되었습니다. <div class="navbar navbar-fixed-top navbar-custom …
21
부트 스트랩 4 네비게이션 바 항목을 오른쪽에 정렬
탐색 표시 줄 항목을 오른쪽에 어떻게 정렬합니까? 로그인하고 오른쪽에 등록하고 싶습니다. 그러나 내가 시도하는 모든 것이 작동하지 않는 것 같습니다. 이것이 내가 지금까지 시도한 것입니다. <div>주위에 <ul>찬사와 함께 :style="float: right" <div>주위에 <ul>찬사와 함께 :style="text-align: right" <li>태그 에서 그 두 가지를 시도 !important끝에 추가하여 모든 것을 다시 시도하십시오. 변경 nav-item에 nav-right에<li> …
15
부트 스트랩 4의 수직 정렬 센터
Bootstrap 4를 사용하여 페이지 중간에 컨테이너를 가운데에 배치하려고합니다. 지금까지 실패했습니다. 도움을 주시면 감사하겠습니다. Codepen.io 에서 빌드 했으므로 게임을하고 아이디어가 무엇인지 알 수 있습니다. 코드 스 니펫 표시 var currentAuthor = ""; var currentQuote = ""; function randomQuote() { $.ajax({ url: "https://api.forismatic.com/api/1.0/?", dataType: "jsonp", data: "method=getQuote&format=jsonp&lang=en&jsonp=?", success: function( response ) { …
9
부트 스트랩 4-Glyphicons 마이그레이션?
글리프 콘을 집중적으로 사용하는 프로젝트가 있습니다. 부트 스트랩 v4는 글리프 콘 글꼴을 모두 삭제합니다. Bootstrap V4와 함께 제공된 아이콘에 해당하는 것이 있습니까? http://v4-alpha.getbootstrap.com/migration/
10
Bootstrap v4에서 visible-** 및 hidden-** 누락
Bootstrap v3에서는 종종 clearfix와 결합 된 hidden-** 클래스를 사용하여 다른 화면 너비에서 다중 열 레이아웃을 제어합니다. 예를 들어 하나의 DIV에 여러 개의 숨겨진 **을 결합하여 여러 열이 다른 화면 너비에서 올바르게 표시되도록 할 수 있습니다. 예를 들어 제품 사진의 행을 표시하려면 큰 화면 크기에서 행당 4 개, 작은 화면에서 3 …
23
오류를 수정하는 방법; '오류 : 부트 스트랩 툴팁에는 테더 (http://github.hubspot.com/tether/)가 필요합니다'
Bootstrap V4를 사용하고 있으며 콘솔에 다음 오류가 기록됩니다. 오류 : 부트 스트랩 툴팁에 테더가 필요합니다 ( http://github.hubspot.com/tether/ ) Tether를 설치하여 오류를 제거하려고 시도했지만 작동하지 않습니다. 다음 코드 줄을 포함하여 Tether를 '설치'했습니다. <link rel="stylesheet" href="http://www.atlasestateagents.co.uk/css/tether.min.css"> <script src="http://www.atlasestateagents.co.uk/javascript/tether.min.js"></script> 테더를 올바르게 '설치'했습니까? 누구 든지이 오류를 제거하도록 도울 수 있습니까? 내 사이트에서 오류를 보려면 …
11
부트 스트랩 4 센터 수직 및 수평 정렬
양식 만 존재하는 페이지가 있고 화면 중앙에 양식을 배치하고 싶습니다. <div class="container"> <div class="row justify-content-center align-items-center"> <form> <div class="form-group"> <label for="formGroupExampleInput">Example label</label> <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input"> </div> <div class="form-group"> <label for="formGroupExampleInput2">Another label</label> <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input"> </div> </form> </div> </div> 이 justify-content-center양식은 가로로 정렬되지만 세로로 정렬하는 …
4
반응 형 웹 사이트가 모바일에서 전체 너비로 축소되었습니다.
Bootstrap responsiveness navbar를 테스트 중이며 데모 웹 사이트가 있습니다. 바탕 화면에서 브라우저의 크기를 조정하면 상단에 작은 아이콘이있는 축소 가능 메뉴가되는 탐색 모음을 포함하여 모두 잘 작동합니다. 클릭하면 더 많은 메뉴 버튼을 볼 수 있습니다. 그러나 모바일 브라우저에서 시도했을 때 (Android의 크롬 및 인터넷 브라우저에서 시도했지만) 반응 형 디자인을 보지 못했습니다. …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.