반응형

CSS 16

부트스트랩 navbar 접힘 중단점 변경 방법

부트스트랩 navbar 접힘 중단점 변경 방법 현재 브라우저 너비가 768px 이하로 떨어지면 탐색 모음은 축소 모드로 변경됩니다.브라우저가 1000px 미만일 때 navbar가 접힌 모드로 변경되도록 이 너비를 1000px로 변경하고 싶습니다.LESS를 사용하지 않고 하고 싶습니다. LESS가 아닌 스타일러스를 사용하고 있습니다. 내 문제는 이 질문과 동일합니다.부트스트랩 3 Navbar 접힘 하지만 이 질문의 모든 답은 LESS 변수를 변경하여 이를 수행하는 방법을 설명합니다.저는 LESS를 다뤄본 적이 없고, 스타일러스를 사용하고 있어서 스타일러스나 다른 방법으로 어떻게 처리할 수 있는지 알고 싶습니다. 감사합니다!부트스트랩 5(2023 업데이트) 서류에 명시된 바와 같이, 접히지 않는 탐색 막대의..

programing 2023.08.23

인라인 블록 동작을 유지하면서 div를 상위에 정렬하는 방법은 무엇입니까?

인라인 블록 동작을 유지하면서 div를 상위에 정렬하는 방법은 무엇입니까? 참조: http://jsfiddle.net/b2BpB/1/ Q: box1과 box3을 상위 div의 상단에 정렬하려면 어떻게 해야 합니까?boxContainer? #boxContainerContainer { background: #fdd; text-align: center; } #boxContainer { display: inline-block; border: thick dotted #060; margin: 0px auto 10px auto; text-align: left; } #box1 { width: 50px; height: 50px; background: #999; display: inline-block; } #box2 { ..

programing 2023.08.18

"col-xs-*"이 Bootstrap 4에서 작동하지 않음

"col-xs-*"이 Bootstrap 4에서 작동하지 않음 저는 이런 일을 겪어본 적이 없어서 해결책을 찾기가 매우 어렵습니다.부트스트랩에 매체와 동일한 열이 있는 경우: Hello, world! vicki williams 텍스트 정렬이 잘 작동합니다. 그러나 열을 이렇게 매우 작게 만드는 경우: vicki williams 그러면 텍스트 정렬이 더 이상 작동하지 않습니다. 제가 이해하지 못하는 부트스트랩 개념이 있나요, 아니면 제가 생각하는 것과 같은 오류인가요?제 문자는 과거에 항상 xs로 정렬되었기 때문에 저는 이 문제가 발생한 적이 없습니다.어떤 도움이라도 주시면 대단히 감사하겠습니다.내 완전한 코드는 다음과 같습니다. Hello, world! vicki williams col-xs-*부트스트랩 ..

programing 2023.08.18

FontAwesome 아이콘의 아이콘 색상, 크기 및 그림자 스타일 설정 방법

FontAwesome 아이콘의 아이콘 색상, 크기 및 그림자 스타일 설정 방법 글꼴 어썸 아이콘의 아이콘 색상, 크기 및 그림자를 어떻게 스타일링할 수 있습니까? 예를 들어, FontAwesome의 사이트는 일부 아이콘을 흰색으로 표시하고 일부 아이콘은 빨간색으로 표시하지만 CSS는 표시하지 않습니다. 글꼴만 있으면 글꼴로 스타일을 지정할 수 있습니다. #elementID { color: #fff; text-shadow: 1px 1px 1px #ccc; font-size: 1.5em; } 스타일을 인라인으로 추가할 수도 있습니다. 부트스트랩을 동시에 사용하는 경우 다음을 사용할 수 있습니다. 그렇지 않은 경우: FontAwesome 아이콘 색상이 텍스트 정보, 텍스트 오류 등에 반응하는 것 같습니다. ...

programing 2023.08.13

오버플로:끝에 숨겨진 점

오버플로:끝에 숨겨진 점 내가 "나는 큰 엉덩이를 좋아하고 거짓말을 할 수 없다"라는 문자열을 가지고 있다고 가정해 보겠습니다.overflow:hidden다음과 같은 내용이 표시됩니다. 나는 큰 엉덩이를 좋아하고 할 수 있습니다. 문자를 끊습니다.다음과 같이 표시할 수 있습니까? 난 큰 엉덩이가 좋아 그리고 난... CSS를 사용하시겠습니까?텍스트 오버플로: ellipsis를 사용할 수 있습니다. ellipsis는 캐니우스에 따라 모든 주요 브라우저에서 지원됩니다. 여기 jsbin에 대한 데모가 있습니다. .cut-text { text-overflow: ellipsis; overflow: hidden; width: 160px; height: 1.2em; white-space: nowrap; } I lik..

programing 2023.07.29

페이지 하단으로 바닥글 플러시, 트위터 부트스트랩

페이지 하단으로 바닥글 플러시, 트위터 부트스트랩 저는 일반적으로 CSS를 사용하여 바닥글을 플러싱하는 기술에 익숙합니다. 하지만 저는 트위터 부트스트랩에 이 접근법을 적용하는 데 어려움을 겪고 있습니다. 아마도 트위터 부트스트랩이 본질적으로 반응성이 있기 때문일 것입니다.트위터 부트스트랩을 사용하여 위 블로그 게시물에 설명된 접근 방식을 사용하여 바닥글을 페이지 하단으로 플러시할 수 없습니다.이제 이것은 부트스트랩 2.2.1에 포함되어 있습니다. 부트스트랩 3.x 하여 navbar를 합니다..navbar-fixed-bottom 클스래: 부트스트랩 4.x 추가하는 것을 잊지 마십시오.body { padding-bottom: 70px; }그렇지 않으면 페이지 내용이 포함될 수 있습니다. 문서: http:/..

programing 2023.07.29
반응형