navbar가 다른 요소와 겹치지 않게하는 방법

웹 사이트를 만드는 중입니다. 정보를 볼 수 없도록 navbar가 페이지의 첫 번째 비트를 숨기는 문제가 있습니다. 어떻게 해결할 수 있을까요? 내 웹 사이트에 대한 링크는 다음과 같습니다. codepen.io/sookyungahn/pen/wzQkBp?editors=1100navbar가 다른 요소와 겹치지 않게하는 방법

출처

2016-10-26 Soo Kyung Ahn

코드는 어디에 있습니까? –

@ GeoffJames 좋은 날, 내가 맞으면 IDE에 빌드 되었기 때문에 코드를 붙여 넣지 않았습니다. 전체 코드를 붙여 넣기를 원하지 않았지만 이렇게하는 것이 더 좋습니까? 이 경우에는 여분의 비트를 포함시켜야합니다. –

당신은 원래 "* 내 코드가있다 : *"... 그래서 내가 물었습니다. "RTFM"에 대해 들어 본 적이 있습니까? 당신이 그것을 사용하기 시작하기 전에 무언가에 대한 문서를 읽으면서 조언을 해줄 것을 제안합니다. 어쨌든 : 당신의 네비게이션 바가 무엇인지와 똑같이'패딩 - 탑 '을 설정할 수 있습니다. 높이는 콘텐츠를 적절한 양으로 밀어내는 것입니다 (아래 @ Ranveer의 답변 참조). –

, 당신의 탐색 모음에 같은 크기 높이 home DIV ID를 padding-top를 추가합니다.

<div class="container-fluid well" id="home" style="display:block; padding-top:50px;">

출처

2016-10-26 09:44:25

안녕하세요, 감사합니다. 당신의 대답이 효과가있었습니다. navbar가 50px이므로 높이 작동합니까? 또한, 왜 이전 답변이 내 경우에 효과가 없을까요? –

예! 귀하의 navbar chage 높이, 그냥 홈 div의 패딩 - 가기를 변경합니다. –

고마워요! 나는 또한 미래의 사용을 위해서, padding (또는 마진)을 div의 부분을 증가 시키거나 감소 시키려고한다면 어떻게 할까? 예를 들어, 1000 * 500 크기의 div를 만듭니다. 그런 다음 요소의 중심에 요소를 추가하고 div에 추가하지 않고 아래로 이동하려고합니다. padding-top을 다시 사용하면 div 크기에 더합니까? 특정 코드가 있음을 기억하지만, 내가 본 곳을 기억할 수 없습니다. –

신체에 navbar 높이 크기의 패딩을 추가하십시오.

공식 부트 스트랩 예제 here에서는 맨 위에 패딩을 70px으로 추가합니다. 기본적으로, 귀하의 경우에는

body { 
    padding-top: 70px; 
}

출처

2016-10-26 09:34:32 Ranveer

<img style="margin-right:10px;margin-top:50px" class="image gap img-rounded pull-left" src="http://odezhda-stilnaya.ru/kartinki/1/ptichka_babochki_zvezdy_2560x1600.jpg" alt="PLACEHOLDER IMAGE" /> 
    <div> 
     <h3 style="font-family:HelveticaNeue, Tahoma; font-weight:200;margin-top:50px;">I am a website developer, passionate about programming and assisting people. I am currently an intern at a tech startup. 
     </h3>

다양한 코드 :

그냥 여백 정상을 추가 : 그림과 같이 50 픽셀.

해피 코딩 :)

출처

2016-10-26 10:23:14

navbar가 다른 요소와 겹치지 않게하는 방법

답변

관련 문제