«twitter-bootstrap-3» 태그된 질문

Bootstrap 3은 매력적인 모양과 느낌으로보다 빠른 웹 개발을 지원하는 3 세대 프런트 엔드 프레임 워크입니다. [twitter-bootstrap] 태그와 함께 사용

30
Twitter Bootstrap 3을 사용하여 열 중심
Twitter Bootstrap 3 의 컨테이너 (12 열) 내에서 한 열 크기의 div를 가운데에 배치하려면 어떻게합니까? .centered { background-color: red; } <body class="container"> <div class="col-lg-1 col-offset-6 centered"> <img data-src="holder.js/100x100" alt="" /> </div> </body> 코드 스 니펫 실행결과 숨기기스 니펫 확장 컨테이너 내에서 div클래스 .centered를 중심으로 하는을 원합니다 . 여러 개가있는 경우 …
23
부트 스트랩 3과 수직 정렬
Twitter Bootstrap 3을 사용하고 있는데 JSFiddle 링크div 와 같이 세로로 두 개를 정렬하려고 할 때 문제가 있습니다 . <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <div class="row"> <div class="col-xs-5"> <div style="height:5em;border:1px …
6
Bootstrap 3의 SR 전용은 무엇입니까?
수업은 무엇입니까 sr-only? 중요합니까 아니면 제거 할 수 있습니까? 없이 잘 작동합니다. 내 예는 다음과 같습니다. <div class="btn-group"> <button type="button" class="btn btn-info btn-md">Departments</button> <button type="button" class="btn btn-info dropdown-toggle btn-md" data-toggle="dropdown"> <span class="caret"></span> <span class="sr-only">Toggle Dropdown</span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">Sales</a></li> <li><a href="#">Technical</a></li> <li class="divider"></li> <li><a href="#">Show all</a></li> </ul> </div>
8
컨테이너 유체 및 컨테이너
방금 3.1을 다운로드하고 문서에서 발견했습니다 ... 가장 바깥 쪽 .container을 로 변경하여 고정 너비 격자 레이아웃을 전체 너비 레이아웃으로 바꿉니다 .container-fluid. 에서 찾고 bootstrap.css, 그가 나타납니다 .container-fluid동일합니다 .container. 둘 다 동일한 CSS를 가지며 모든 인스턴스 .container-fluid는와 쌍을 이루고 .container모든 열 클래스는 백분율로 지정됩니다. 예제를 사용하여 문제를 해결할 때 모든 것이 …
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> 순서가없는 목록이 있으며 각 목록 항목마다 왼쪽에 텍스트를 놓고 오른쪽 정렬 버튼을 원합니다. 풀 오른쪽을 사용하려고했지만 정렬이 완전히 엉망입니다. 내가 무엇을 잘못하고 있지?
29
로고가있는 부트 스트랩 3 Navbar
텍스트 브랜딩 대신 이미지 로고가있는 Bootstrap 3 기본 탐색 메뉴를 사용하고 싶습니다. 화면 크기가 다른 문제를 일으키지 않고이 작업을 수행하는 올바른 방법은 무엇입니까? 나는 이것이 일반적인 요구 사항이라고 가정하지만 아직 좋은 코드 샘플을 보지 못했습니다. 모든 화면 크기에 적합한 디스플레이를 제공하는 것 이외의 핵심 요구 사항은 작은 화면의 메뉴 축소 …
19
조건부로 클래스 속성을 적용하는 J에 반응
다음과 같은 부모 구성 요소에서 전달 된 내용에 따라이 버튼 그룹을 조건부로 표시하고 숨기고 싶습니다. <TopicNav showBulkActions={this.__hasMultipleSelected} /> .... __hasMultipleSelected: function() { return false; //return true or false depending on data } .... var TopicNav = React.createClass({ render: function() { return ( <div className="row"> <div className="col-lg-6"> <div className="btn-group pull-right {this.props.showBulkActions …
10
Bootstrap에서 컨테이너를 세로로 가운데에 배치하는 방법은 무엇입니까?
containerdiv 를 세로로 jumbotron가운데에 배치하고 페이지 중간에 div 를 설정 하는 방법을 찾고 있습니다. 은 .jumbotron화면의 전체 높이와 폭에 적응되어야한다. .containerDIV은의 폭을 갖는 1025px상기 페이지 (수직 중심)의 중앙이어야한다. 이 페이지에서 점보트론이 수직으로 중앙에있는 컨테이너와 함께 화면의 높이와 너비에 맞춰 점보트론을 갖기를 원합니다. 어떻게하면 되나요? .jumbotron { height:100%; width:100%; } .container …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.