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

부트 스트랩에 문제가 있으므로 도움이 될 것입니다. 감사 내가 원하는 것 :( 상단 부분) 내 현재 코드 : <div class="form-group"> <input type="text" class="form-control" id="findJobTitle" name="findJobTitle" placeholder="Job Title, Keywords" onkeyup="showResult()"> </div> 현재 스크린 샷 :

93 twitter-bootstrap  twitter-bootstrap-3 

data-target부트 스트랩 3에서 사용 하는 속성 뒤에있는 시스템이나 동작이 무엇인지 말씀해 주 시겠습니까? 나는 데이터 토글이 그래픽 기능의 부트 스트랩의 API JavaScript를 목표로하는 데 사용되었다는 것을 알고 있습니다.

93 twitter-bootstrap-3 

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

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

BS 3과 관련하여 오른쪽에 좁은 콘텐츠 열만 원하면 오프셋 클래스 9와 열 3을 사용할 수 있습니다. 그러나 반대쪽과 왼쪽을 원하면 어떻게해야합니까? BS에서이 작업을 수행하는 적절한 방법이 있습니까? 아니면 자체 CSS 메서드를 사용해야합니까? 내 콘텐츠로 3 열을 만들고 9 열만 빈 열을 만들려고합니다.

92 twitter-bootstrap-3 

이 코드가 있습니다. <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 4</li> <li>Text 5</li> <li>Text 6</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 7</li> <li>Text 8</li> <li>Text 9</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 10</li> <li>Text 11</li> <li>Text …

92 html  css  twitter-bootstrap  twitter-bootstrap-3  responsive-design 

부트 스트랩 v3이 있습니다. 나는를 사용하여 class="active"내에서 navbar내가 메뉴 항목을 누르면이 전환되지 않습니다. 이 작업을 수행 jQuery하고 클릭 기능을 구축하는 방법을 알고 있지만이 기능이 부트 스트랩에 포함되어야한다고 생각합니까? 그렇다면 JavaScript 문제일까요? 다음은 포함 된 js / css / bootstrap 파일이있는 헤더입니다. <!-- Bootstrap CSS --> <link rel="stylesheet" href= "/bootstrap/css/bootstrap.css" /> …

91 javascript  html  twitter-bootstrap  twitter-bootstrap-3 

현재 웹 사이트를 Bootstrap 3.0으로 전환하고 있습니다. 양식 입력 및 텍스트 서식에 문제가 있습니다. Bootstrap 2에서 작동했던 것은 Bootstrap 3에서 작동하지 않습니다. 양식 입력 전후에 같은 줄에 텍스트를 표시하려면 어떻게해야합니까? 예제의 Bootstrap 3 버전에서 'form-control'클래스 문제로 범위를 좁혔습니다. 모든 텍스트와 입력을 한 줄로 가져 오는 방법은 무엇입니까? 부트 스트랩 3 …

90 html  formatting  twitter-bootstrap-3 

내 테이블은 데스크톱에서 잘 표시되지만 모바일 버전을 보려고하면 테이블이 모바일 장치 화면에 비해 너무 넓어집니다. 반응 형 레이아웃을 사용하고 있습니다. 모바일보기의 테이블 너비를 어떻게 설정할 수 있습니까? Bootstrap을 사용하여 모바일보기에 테이블 형식 데이터를 표시하는 다른 대안은 무엇입니까?

90 twitter-bootstrap  twitter-bootstrap-3 

이것은 내 간단한 탐색 모음입니다. <div class="navbar navbar-fixed-top myfont" role="navigation"> <div class=""> <ul class="nav navbar-nav navbar-left"> <li> <a class="navbar-brand" href="#"> <img src="assets/img/logo.png"/> </a> </li> <li> <button class="btn btn-navbar"> <i class="fa fa-edit"></i> Create </button> </li> </ul> </div> <ul class="nav navbar-nav navbar-right"> <li data-match-route="/"><a href="#/page-one">Login</a></li> <li data-match-route="/"><a href="#/page-two/sub-a">Signup</a></li> </ul> </div> 이게 무너지는 …

88 css  twitter-bootstrap-3  navbar  collapse  preventdefault 

이미 부트 스트랩 2.3에서 글 리피 콘을 사용했지만 이제 부트 스트랩 3.0으로 업그레이드했습니다. 이제 아이콘 속성을 사용할 수 없습니다. 부트 스트랩 2.3에서는 아래 태그가 작동합니다. <i class="icon-search"></i> 부트 스트랩 3.0에서는 작동하지 않습니다.

86 html  css  twitter-bootstrap-3 

부트 스트랩 3부터는 반응 형 및 표준 스타일 시트를위한 별도의 파일이 더 이상 없습니다. 그렇다면 어떻게 반응 형 기능을 쉽게 제거 할 수 있습니까?

85 twitter-bootstrap  responsive-design  media-queries  twitter-bootstrap-3 

저는 Bootstrap 3에서 시작하고 있으며 그리드 클래스가 어떻게 사용되는지 이해하는 데 어려움이 있습니다. 지금까지 알아 낸 내용은 다음과 같습니다. 화면이 특정 크기 (각각 768px 및 992px) 이상일 때만 적용된다는 점에서 클래스 col-sm-#및 col-lg-#일반 이전 과 다른 것으로 col-#보입니다. -sm- 또는 -lg-를 생략하면 div가 하나의 열로 축소되지 않습니다. 나는 둘 다 …

85 html  css  twitter-bootstrap  twitter-bootstrap-3 

수업 container과 row. Bootstrap의 문서가이 부분에 대해 명확하지 않기 때문에 확실하지 않습니다. 저는 Bootstrap 3을 사용하고 있습니다.

84 twitter-bootstrap-3 

부트 스트랩을 다운로드 할 때 부트 스트랩 파일에있는 bootstrap.css와 bootstrap-theme.css의 차이점은 무엇입니까?

84 css  twitter-bootstrap-3 

.btnBootstrap의 모든 속성 을 변경하는 방법이 있습니까? 나는 아래에서 시도했지만 여전히 때때로 기본 파란색이 표시됩니다 (마우스를 클릭하고 제거한 후 등). 전체 테마를 모두 변경하려면 어떻게해야합니까? .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited { background-color: #8064A2; }

83 css  twitter-bootstrap  twitter-bootstrap-3