우리가 정말로 집중해야 할 모든 것이 색상인지 아십시오.
점보트론으로 시작해 봅시다.
JumboTron 내부의 모든 것은 파란색의 다른 그늘이며이 문서의 파란색 그늘은 3 5 0을 우리 스타일 시트로 보게됩니다. 그리고 우리는 점보트론을 선택하고 그 안에 색과 모든 것을 넣을 수 있습니다. 모든 것이 그 것처럼 신선하고 벼랑을 포함하여 모든 것이 파란색으로 변경된 것을 볼 수 있습니다. 글리프 아이콘은 텍스트로 취급됩니다.
실제로 글꼴이므로 color 속성을 사용하여 색상을 변경할 수 있습니다.
이제 좀 더 까다로운 탐색 바를 다루겠습니다.
배경색은 나쁘지 않습니다.
우리가해야 할 일은 Nav nav Inv를 선택하는 것뿐입니다. 또는 우리가 할 수 있습니다.
이제 우리가 멈추고 나서 멈추지 만 반대쪽에 nav bar bar를 놓고 그 파란색 배경색의 배경색을 붙이고 붙여 넣기하면됩니다.
그러면 파란색으로 변하는 것을 볼 수 있습니다.
그러나 여기에서 색을 바꾸려면 나는 그들이 회색이 아닌 흰색이되기를 원합니다.
이 스타일 앵커 태그가 흰색 인 모든 잉크 또는 태그를 그냥 스타일링하면 꽤 잘 작동하지 않습니다.
그래서 내가 무슨 뜻인지 보여 드리겠습니다.
앵커 태그 색상 흰색.
돌아 가라.
그것은 효력을 발휘하지 못하며 우리가 검사한다면 검사원에게 큰 도움이됩니다.
무슨 일이 일어나는지 한번보세요.
그래서 우리는 우리의 하얀 색이 교차되고 그 색이 바로 여기에 할당되어 있음을 볼 수 있습니다.
이 선 색상은 회색이며 선택을 해제하면 원하는 흰색으로 되돌아갑니다.
이것이 더 구체적인 선택자이기 때문입니다.
그 교훈을 다시 생각해 볼 수 있다면 나는 특이성에 관해서했다.
이것은 우리가 여기서 가지고있는 것보다 더 높은 숫자 또는 더 높은 특이성 지수를 갖도록 계산됩니다. 여기에 비해 약간의 앵커 태그를위한 것입니다.
그것은 여러 클래스입니다.
그 중 하나가 앵커 태그보다 10 배 더 구체적임을 기억하십시오.
그래서 우리가하고 싶은 것은 선택자를 작성하는 것입니다.이 선택자는 특정한 것일 뿐이므로 여기에서 훔칠 수 있습니다.
그래서 우리는 여기로 들어가서 그 안에 붙여 넣은 다음 색을 흰색으로 바꿀 것입니다.
그래서 우리는 부트 스트랩과 똑같은 쉴레 커를 무시할 것입니다.
그리고 우리 스타일이 부트 스트랩 이후에 발생하여 오버라이드 할 수 있도록하는 것이 중요합니다. 그리고 우리가 신선하다면 이제는 흰색 링크를 얻습니다.
마지막으로 우리는 nav bar 브랜드에도 똑같이 할 것입니다.
그래서 당신은 그것이 nav bar dash brand의 내부에 있다는 것을 알 수 있습니다.
브랜드에 대해 Daut를 선택하면 흰색의 색상을 지정하고 저장하고 다시 돌아가도 여전히 작동하지 않으며 동일한 문제가 발생합니다.
그래서 우리가 그것을 조사하면 우리가 여기에 우리의 스타일을 넘어서서 우리가 흰색으로 바뀌고있는 부분이 넘어져서이 선에 의해 색이 바뀌는 것을 볼 수 있습니다.
이제 탐색 바 Inv. 그래서 우리는 그것을 훔쳐 그것을 덮어 쓸 수 있습니다.
그래서 우리는 그 nav bar inv를 필요로합니다.
이제는 우리 브랜드입니다.
그래서 기본적으로 우리는 부트 스트랩과 스타일 사이의 스타일의 충돌에서 머리를 맞대고있는 스타일을 쓰고 있습니다. 선택기에서 똑같습니다.
그래서 우리가 두 번째로 올랐기 때문에 그들은 정상에 나올 것입니다.
그들은 새로 고침하고 결코 가지 않을 것입니다.
우리는 대부분의 스타일을 완성했습니다.
JumboTron에서 회색의 색상을 캐스팅 한 화면에는 눈에 띄지 않는 것이 있습니다.
그래서 나는 그 색깔을 가지고 있습니다. 그냥 복사해서 RC SS로 가면 Jumbotron의 배경을 그레이 컬러로 바꿀 것이고, 새로 고침으로서 세심한주의를 기울일 것입니다.
잘하면 당신은 그것이 바뀌는 것을 볼 수 있습니다.
방금 바뀌 었습니다.
약간 푸른 색을 띤 회색입니다.
그럼 모든 것을 시험해 봅시다.
NAV 막대 작업의 크기를 조정 해 봅시다.
Javascript는 잘 작동합니다.
우리는 거기에 갈.
모든 것이 좋아 보인다.
마지막으로 내가 보여주는 것은 여기에 다른 아이콘을 사용할 수있는 방법입니다.
제가 사용하고있는 라이브러리는 재미있는 재미있는 라이브러리입니다. 멋진 아이콘은 많은 아이콘이 포함 된 간단한 라이브러리입니다.
당신이 굉장한 Funt에서 그것에 도착할 수 있도록 아이콘으로 Bootstrap에 내장 된 것보다 더 많은 방법.
그녀를 갖지 마라.
나는 내가 여기 홈 페이지에 있다는 것을 안다.
아이콘을 클릭하면 580 가지가 넘는 아이콘이 표시되어 여기에서 모두 볼 수 있습니다.
Pucelle에서 정말 쉽게 할 수없는 멋진 기능 중 하나를 통해 검색 할 수 있습니다.
그래서 우리는 사진을 검색 할 수 있고 우리는 내가 사용했던 카메라와 레트로 카메라를 얻을 수 있습니다.
그러나 우리가 그 중 하나를 사용할 수 있기 전에 그것을 설치해야합니다.
그래서 시작하는 경우.
그들에게는 멋진 CDN이 있습니다. 그냥 복사해서 응용 프로그램 안에 넣을 수 있습니다.
그래서 우리는 갑자기 최고 급여를 지급 할 것입니다.
그리고 이제 우리는 재미있는 멋진 아이콘을 사용할 수 있으며 정말 쉽습니다.
실제로 당신이 좋아하는 아이콘을 클릭하면 내가 평화 기호를 사용할 수 있다고 말하면서 그것을 클릭 할 수 있고 복사 할 수있는 약간의 코드를 제공합니다.
그래서 그것은 재미를위한 f a와 같은 클래스의 아이콘입니다.
굉장해.
그리고 F.A.는 아이콘의 이름을 대시합니다.
카메라 아이콘을이 아이콘으로 바꾸어 저장하고 새로 고침하는 큰 평화 서명을 갖도록하겠습니다.
그리고 우리에게는 평화의 신호가 있습니다.
정말 재미있어 굉장합니다.
정말 인기가 있어요.
당신이 필요로하는 거의 모든 아이콘을 볼 수있는 멋진 아이콘이 많이 있습니다.
그들에는 일련의 표준이있다.
재생 버튼 일시 중지.
뒤로 기술 및 다른 인터넷 아이콘에 대 한 다른 아이콘을 전달합니다.
그러나 그들은 또한 평화 표시와 같은 재미있는 것을 더 가지고 있습니다.
그리고 나는 그들도 Spock hand를 가지고 있다고 생각합니다.
따라서 다른 글꼴을 사용하는 것처럼 이들 중 하나를 사용할 수 있습니다.
따라서 색상을 변경하려면 크기를 변경하려는 경우 색상 속성 만 변경하면됩니다.
글꼴 크기는 실제로 변경됩니다.
그래서 다시 카메라 레트로 카메라 검색을 사용하여 카메라 대시 레트로입니다. 따라서 대시 카메라 대시 레트로를 수행하고 새로 고침을해야하며 레트로 카메라를 얻을 수 있습니다.
좋아, 그래서 우리는 갤러리와 함께 끝났다.
실제로 이미지를 바꾸는 것 외에 내가 끝내 자마자 할 수있는 다른 이미지가 있습니다.
어쨌든 시청하고 싶지는 않을 것입니다.하지만 마지막에 포함시키려는 경우에 대비하십시오.
그래서 우리는 여기서 Bartra만큼의 작은 변화를 만들었습니다. 이것은 우리가 흑과 백의 nav bar를 얻은 방법 인 지금까지 inverse를 사용했습니다.
그러나 실제로 어쨌든 색을 변경하여 실제로는 별 문제가되지 않았습니다.
그리고 나서 우리는 상단에 고정되는 방식 인 nav bar fixed top을 사용했습니다.
우리는 여기서 그리드 시스템을 사용하고 점보트론을 사용합니다.
나는 상대적으로 제한된 부트 스트랩 아이콘으로 만들어진 개념을 글리프 (glyph)라고 소개했다.
당신이 사용하는 대부분의 것들이 있지만 때로는 무언가를 갖지 못하거나 가끔 재미있는 멋진 아이콘이 재미있게 보이는 방식을 선호합니다.
굉장히 피캔과 함께 음식 쇼보다 확실히 인기가있다. 그리고 내가 당신에게 보여 줬던 다른 새로운 물건은 당신이 단지 이미지 주위에 둘 수있는 엄지 손톱 종류이었다. 그리고 그것은 격자로 그 이미지를 억제하고,이 멋진 작은 경계를 여기에 추가 할 것이다.
마지막으로 우리는 배경색을 색으로 변경하고자 할 때 특수성과 부트 스트랩 스타일을 어떻게 싸워야하는지에 대해 이야기했습니다.
Nav의 배경색을 변경하고 싶습니다. 또는 링크의 글꼴 색상과 Nev의 색상을 지정합니다.
여기 바로 브랜드.
좋아요, 다음 동영상에서 볼 수 있습니다.
부트 스트랩으로 방문 페이지를 만드는 방법을 알려 드리겠습니다.
그리고 제가 약속했듯이 저는 여기에 9 개의 서로 다른 이미지를 만들기 위해 이미지 링크를 복사하여 붙여 넣기를 할 것입니다.
그래서 당신이보고 싶은 무언가가 다음 1 ~ 2 분 정도 걸려 있다면.
승인.
그래서 저는 스크린을 분할 할 것이고 이것들 중 일부를이 첫 번째 것에 복사 할 것입니다. 그리고 저는이 것을 여기에서 대체 할 것입니다. 그리고 나는 다음 것을 할 것입니다.
오래 된 장소입니다.
여기 하나있어.
그리고 나서 다음은 확실한 답입니다. 그리고 저는 계속 그렇게 할 것입니다.
좋아, 우리는 반쯤 지나간거야.
우리는 가까워지고 있으며 마지막으로 생각한 것은 모든 것이 좋게 보이고 신선하게 보이도록하고 우리는 9 가지 다른 이미지를 가지고 있다고 말하려합니다.
굉장해.
괜찮아.
이제 끝났습니다.
바라건대 그 이미지 갤러리를 즐겁게 만들었습니다.
다음 비디오에서 뵙죠.