«twitter-bootstrap» 태그된 질문

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

6
Bootstrap에서 <button>을 nav-tabs의 일반 링크처럼 보이게 만드는 방법은 무엇입니까?
저는 (이전의 Twitter) Bootstrap 2에서 작업 중이며 버튼이 일반 링크 인 것처럼 스타일을 지정하고 싶었습니다. 하지만 일반적인 링크는 아닙니다. 이것들은 &lt;ul class="nav nav-tabs nav-stacked"&gt;컨테이너에 들어갑니다. 마크 업은 다음과 같이 끝납니다. &lt;form action="..." method="post"&gt; &lt;div class="row-fluid"&gt; &lt;!-- Navigation for the form --&gt; &lt;div class="span3"&gt; &lt;ul class="nav nav-tabs nav-stacked"&gt; &lt;li&gt;&lt;button type="submit" name="op" …

9
클릭시 접을 수있는 Bootstrap 4 navbar를 숨기는 방법
잘 작동하는 Bootstrap 4를 사용하여 접을 수있는 navbar를 만들었지 만 사용자가 링크를 클릭하면 닫히고 싶습니다. 이 작업을 수행 할 방법이 있습니까? 감사 html navbar : &lt;nav class="navbar navbar-toggleable-md fixed-top"&gt; &lt;button id="nav-btn"class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarDiv" aria-expanded="false" aria-label="Toggle navigation"&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;/button&gt; &lt;div class="container"&gt; &lt;a class="navbar-brand" href="#"&gt;&lt;img …

8
Bootstrap 3에서 반응 형 그리드를 얻는 방법은 무엇입니까?
Twitter Bootstrap을 사용하여 웹 애플리케이션에 반응 형 디자인 기능을 추가해야합니다. 나는 단지 반응 형 동작을 원하고 타이포그래피, 구성 요소 또는 부트 스트랩에 포함 된 다른 것들에 관심이 없습니다. 내가 가지고 사용자 정의 부트 스트랩 버전 바로 그리드 시스템을 선택합니다. 그러나 생성 된 CSS를 애플리케이션에 추가하면 모든 스타일 (헤더, 링크 및 …

15
Twitter 부트 스트랩-탭-URL이 변경되지 않음
저는 Twitter Bootstrap과 "탭"을 사용하고 있습니다. 다음 코드가 있습니다. &lt;ul class="nav nav-tabs"&gt; &lt;li class="active"&gt;&lt;a data-toggle="tab" href="#add"&gt;add&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a data-toggle="tab" href="#edit" &gt;edit&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a data-toggle="tab" href="#delete" &gt;delete&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; 탭은 제대로 작동하지만 URL에 #add, #edit, #delete가 추가되지 않았습니다. data-toggleURL 변경을 제거 했지만 탭이 작동하지 않습니다. 이것에 대한 해결책이 있습니까?

4
Twitter 부트 스트랩 : navbar의 텍스트
트위터 부트 스트랩 문서 에 따르면 " &lt;p&gt;적절한 행간 및 색상을 위해 태그 에 텍스트 문자열을 래핑"할 수 있어야합니다 . 이 작업을 수행하면 그 아래의 어떤 수준 navbar에서도 navbar클래스를 상속하지 않습니다 . 문자열을 &lt;a&gt;태그로 감싸면 렌더링되지만 앵커가 아니어야합니다. 렌더링하려는 문자열은 "Logged in as ... "입니다.

8
부트 스트랩 CSS 템플릿 사용자 지정
Twitter에서 Bootstrap을 시작하고 있으며 사용자 정의를위한 '모범 사례'가 무엇인지 궁금합니다. CSS 템플릿 (Bootstrap 또는 기타)의 모든 기능을 활용하고, 완전히 (쉽고) 수정 가능하며, 지속 가능 (즉, 다음 버전의 Bootstrap이 Twitter에서 출시 될 때) 시스템을 개발하고 싶습니다. 다시 시작해야합니다. 예를 들어 상단 탐색에 배경 이미지를 추가하고 싶습니다. 이 문제를 해결하는 방법에는 3 …

6
트위터 부트 스트랩의 나무 [닫힌]
닫은. 이 질문은 Stack Overflow 지침을 충족하지 않습니다 . 현재 답변을 받고 있지 않습니다. 이 질문을 개선하고 싶으십니까? Stack Overflow의 주제에 맞게 질문을 업데이트하세요 . 휴일 육년 전 . 이 질문 개선 가능한 한 많은 CSS와 JS (상태 등에 만 해당)를 사용하는 트리 (디렉토리 트리와 같은)를 만드는 작업을 시도해 왔으며 …

9
부트 스트랩 3.0 navbar의 높이 낮추기
고정 상단 동작과 함께 사용되는 부트 스트랩 3.0 navbar 높이를 줄이려고합니다. 여기에 코드를 사용하고 있습니다. HTML &lt;div class="tnav"&gt; &lt;div class="navbar navbar-fixed-top" role="banner"&gt; &lt;div class="navbar-inner-sm"&gt; &lt;div class="container"&gt; &lt;div class="navbar-header"&gt; &lt;button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"&gt; &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;/button&gt; &lt;/div&gt; &lt;nav class="collapse navbar-collapse" role="navigation"&gt; &lt;ul class="nav …

5
twitter-bootstrap vs jquery-mobile [닫기]
닫힘 . 이 질문은 의견 기반 입니다. 현재 답변을 받고 있지 않습니다. 이 질문을 개선하고 싶으십니까? 이 게시물 을 편집 하여 사실과 인용으로 답변 할 수 있도록 질문을 업데이트하십시오 . 휴일 칠년 전에 . 이 질문 개선 나는 누군가가 '더 나은'것에 대해 조언을 줄 수 있는지 궁금합니다. 트위터 부트 스트랩 …


7
부트 스트랩 : navbar 항목에 상대적인 드롭 다운 메뉴의 위치
다음 드롭 다운이 있습니다. &lt;label class="dropdown-toggle" role="button" data-toggle="dropdown" data-target="#"&gt; Action &lt;b class="caret"&gt;&lt;/b&gt;&lt;/label&gt; &lt;ul class="dropdown-menu" role="menu" aria-labelledby="lang-selector" id="lang-selector"&gt; dropdown content goes here &lt;/ul&gt; 드롭 다운의 왼쪽 상단은 텍스트 (Action)의 왼쪽 하단에 있지만 드롭 다운의 오른쪽 상단은 텍스트의 오른쪽 하단에 위치하기를 바랍니다. 어떻게 할 수 있습니까?

3
Semantic-ui vs Bootstrap [닫기]
닫힘 . 이 질문은 의견 기반 입니다. 현재 답변을 받고 있지 않습니다. 이 질문을 개선하고 싶으십니까? 이 게시물 을 편집 하여 사실과 인용으로 답변 할 수 있도록 질문을 업데이트하십시오 . 휴일 육년 전 . 이 질문 개선 사용하기에 가장 좋은 방법이며 가능하면이 두 가지의 차이점과 장점을 제공하십시오. Semantic-ui vs Bootstrap …

7
Enter 키를 누를 때 모달 해제 방지
내부에 폼이있는 부트 스트랩 모달을 설정했는데 Enter 키를 누르면 모달이 해제되는 것을 알았습니다. Enter 키를 누를 때 해제하지 않는 방법이 있습니까? keyboard : false로 모달 활성화를 시도했지만 ESC 키로 만 해제 할 수 없습니다.

22
Twitter-Bootstrap 탐색을 통해 활성 링크를 표시하는 방법은 무엇입니까?
Twitter Bootstrap이 탐색을 위해 활성 링크를 수행하는 방법을 이해하지 못합니다. 다음과 같은 일반 내비게이션이있는 경우 (레일 연결에 루비 포함) : &lt;ul class="nav"&gt; &lt;li class="active"&gt; &lt;a href="/link"&gt;Link&lt;/a&gt; &lt;/li&gt; &lt;li class=""&gt; &lt;a href="/link"&gt;Link&lt;/a&gt; &lt;/li&gt; &lt;li class=""&gt; &lt;a href="/link"&gt;Link&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; 클릭 한 링크를 기반으로 활성 상태를 유지하려면 어떻게합니까?

12
스타일이 충돌하지 않도록 Twitter Bootstrap의 네임 스페이스를 지정하는 방법
Twitter Bootstrap을 사용하고 싶지만 특정 요소에만 적용하므로 모든 Twitter Bootstrap 클래스에 내 접두사를 접두사로 붙이거나 더 적은 믹스 인을 사용하는 방법을 찾아야합니다. 나는 이것에 대해 아직 경험이 없어서 이것을하는 방법을 잘 이해하지 못합니다. 스타일링하려는 HTML의 예는 다음과 같습니다. &lt;div class="normal-styles"&gt; &lt;h1&gt;dont style this with bootstrap&lt;/h1&gt; &lt;div class="bootstrap-styles"&gt; &lt;h1&gt;use bootstrap&lt;/h1&gt; &lt;/div&gt; …

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.