«twitter-bootstrap» 태그된 질문

Twitter의 Bootstrap Framework 및 해당 Bootstrap Tabs JS를 사용하는 웹 페이지를 개발 중 입니다. 몇 가지 사소한 문제를 제외하고는 효과적입니다. 그 중 하나는 외부 링크에서 특정 탭으로 직접 이동하는 방법을 모릅니다. 예를 들면 다음과 같습니다. <a href="facility.php#home">Home</a> <a href="facility.php#notes">Notes</a> 외부 페이지에서 링크를 클릭하면 홈 탭과 메모 탭으로 각각 이동해야 합니다.

358 javascript  html  tabs  twitter-bootstrap 

Font Awesome 's Icons 에서 아이콘의 색상, 크기 및 그림자 스타일을 어떻게 지정할 수 있습니까? 예를 들어 Font Awesome의 사이트 는 일부 아이콘은 흰색으로, 일부는 빨간색으로 표시하지만 CSS스타일을 지정하는 방법 은 표시하지 않습니다 ...

358 css  twitter-bootstrap  icons  styles  font-awesome-4 

내 사이트에서 부트 스트랩을 사용하고 있으며 탐색 바 고정 상단에 문제가 있습니다. 일반 탐색 메뉴를 사용하면 모든 것이 정상입니다. 그러나 navbar fixed top으로 전환하려고하면 사이트의 다른 모든 콘텐츠가 navbar가없고 navbar가 겹치는 것처럼 위로 이동합니다. 다음은 기본적으로 내가 배치 한 방법입니다. .navbar.navbar-fixed-top .navbar-inner .container .container .row //yield content 부트 스트랩 예제를 …

347 html  twitter-bootstrap 

문제: 부트 스트랩 3에서 col-md- *의 오른쪽과 왼쪽에있는 패딩 / 여백을 제거하십시오. HTML 코드 : <div class="col-md-12"> <h2>OntoExplorer<span style="color:#b92429">.</span></h2> <div class="col-md-4"> <div class="widget"> <div class="widget-header"> <h3>Dimensions</h3> </div> <div class="widget-content" id=""> <div id='jqxWidget'> <div style="clear:both;margin-bottom:20px;" id="listBoxA"></div> <div style="clear:both;" id="listBoxB"></div> </div> </div> </div> </div> <div class="col-md-8"> <div class="widget"> <div class="widget-header"> <h3>Results</h3> </div> …

342 css  twitter-bootstrap  html 

탐색 표시 줄 항목을 오른쪽에 어떻게 정렬합니까? 로그인하고 오른쪽에 등록하고 싶습니다. 그러나 내가 시도하는 모든 것이 작동하지 않는 것 같습니다. 이것이 내가 지금까지 시도한 것입니다. <div>주위에 <ul>찬사와 함께 :style="float: right" <div>주위에 <ul>찬사와 함께 :style="text-align: right" <li>태그 에서 그 두 가지를 시도 !important끝에 추가하여 모든 것을 다시 시도하십시오. 변경 nav-item에 nav-right에<li> …

341 css  twitter-bootstrap  flexbox  bootstrap-4  navbar 

텍스트 유형 입력 상자에 글리프 콘을 추가하려면 어떻게합니까? 예를 들어 사용자 이름 입력에 'icon-user'를 넣고 싶습니다.

340 css  twitter-bootstrap  glyphicons 

부트 스트랩 모달에서 select2 (입력)를 사용하면 아무것도 입력 할 수 없습니다. 장애인처럼? 모달 외부에서 select2가 정상적으로 작동합니다. 실례 : http://jsfiddle.net/byJy8/1/ 코드 : <!-- Modal --> <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">Panel</h3> </div> <div class="modal-body" style="max-height: 800px"> <form class="form-horizontal"> …

338 jquery  twitter-bootstrap  jquery-select2 

containerdiv 를 세로로 jumbotron가운데에 배치하고 페이지 중간에 div 를 설정 하는 방법을 찾고 있습니다. 은 .jumbotron화면의 전체 높이와 폭에 적응되어야한다. .containerDIV은의 폭을 갖는 1025px상기 페이지 (수직 중심)의 중앙이어야한다. 이 페이지에서 점보트론이 수직으로 중앙에있는 컨테이너와 함께 화면의 높이와 너비에 맞춰 점보트론을 갖기를 원합니다. 어떻게하면 되나요? .jumbotron { height:100%; width:100%; } .container …

333 html  css  twitter-bootstrap  twitter-bootstrap-3  vertical-alignment 

Bootstrap 3은 여전히 ​​RC에 있지만 구현하려고했습니다. 하위 메뉴 클래스를 넣는 방법을 알 수 없었습니다. CSS에는 수업이 없으며 새로운 문서조차도 그것에 대해 아무 말도하지 않습니다. 드롭 다운 하위 메뉴로 클래스 이름이있는 2.x에 있습니다.

324 css  twitter-bootstrap  twitter-bootstrap-3  submenu 

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 ) { …

322 html  css  twitter-bootstrap  flexbox  bootstrap-4 

나는 일반적으로 CSS를 사용하여 바닥 글을 플러시하는 기술에 익숙합니다. 그러나 트위터 부트 스트랩에서 작동하기 위해이 방법을 사용하는 데 문제가 있습니다. 트위터 부트 스트랩이 본질적으로 반응하기 때문입니다. 트위터 부트 스트랩을 사용하여 위 블로그 게시물에 설명 된 접근 방식을 사용하여 바닥 글을 페이지 하단으로 플러시 할 수 없습니다.

306 css  twitter-bootstrap  footer 

부트 스트랩에 항목이있는 탐색 막대가있는 경우 Home | About | Contact 각 메뉴 항목이 활성 일 때 활성 클래스를 설정하려면 어떻게합니까? 즉, class="active"각도 경로가있을 때 어떻게 설정할 수 있습니까 #/ 집에 #/about 정보 페이지 #/contact 연락처 페이지

306 javascript  twitter-bootstrap  angularjs  angularjs-directive  navbar 

부트 스트랩에서 버튼과 입력이 잘 정렬되지 않는 이유는 무엇입니까? 나는 다음과 같은 간단한 것을 시도했다. <input type="text"/><button class="btn">button</button> 이 버튼은 5px크롬 / 파이어 폭스의 입력보다 약 합니다.

299 css  twitter-bootstrap 

부트 스트랩을 살펴보면 작은 화면의 메뉴 막대 항목 축소를 지원하는 것처럼 보입니다. 페이지의 다른 항목과 비슷한 것이 있습니까? 예를 들어, 나는 떠 다니는 네비게이션 필과 함께 있습니다. 작은 화면에서는 문제가 발생합니다. 적어도 비슷한 클릭 투 쇼 드롭 다운 메뉴에 넣고 싶습니다. 기존 부트 스트랩 프레임 워크 내에서 가능합니까?

298 html  css  twitter-bootstrap  responsive-design 

이 트위터 부트 스트랩 코드가 있습니다 <div class='navbar navbar-fixed-top'> <div class='navbar-inner'> <div class='container'> <a class='btn btn-navbar' data-target='.nav-collapse' data-toggle='collapse'> <span class='icon-bar'></span> <span class='icon-bar'></span> <span class='icon-bar'></span> </a> <div class='nav-collapse'> <ul class='nav'> <li class='active'> <a href='some_url'>My Home</a> </li> <li> <a href='some_url'>Option 1 </a> </li> <li> <a href='some_url'>Another option</a> </li> <li> <a href='some_url'>Another option</a> …

296 css  twitter-bootstrap