정보실

웹학교

정보실

bootstrap scrollspy 코드

본문

<div class="container">

<div id="navbarExample" class="navbar navbar-static">

<div class="navbar-inner">

<div class="container" style="width: auto;">

<a class="brand" href="#">Nav</a>

<ul class="nav">

<li><a href="#fat">@fat</a></li>

<li><a href="#mdo">@mdo</a></li>

<li class="dropdown">

<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>

<ul class="dropdown-menu">

<li><a href="#one">one</a></li>

<li><a href="#two">two</a></li>

<li class="divider"></li>

<li><a href="#three">three</a></li>

</ul>

</li>

</ul>

</div>

</div>

</div>

<div data-spy="scroll" data-target="#navbarExample" data-offset="0" id="scrollContent">

<h4 id="fat">@fat</h4>

<p>Ad leggings keytar, brunch id art party dolor labore. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater bootstrap playground sandbox hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.</p>

<h4 id="mdo">@mdo</h4>

<p>Veniam marfa mustache skateboard, adipisicing fugiat velit pitchfork beard. Freegan beard aliqua cupidatat mcsweeney's vero. Cupidatat four loko nisi, ea helvetica nulla carles. Tattooed cosby sweater food truck, mcsweeney's quis non freegan vinyl. Lo-fi wes anderson +1 sartorial. Carles non aesthetic exercitation quis gentrify. Brooklyn adipisicing craft beer vice keytar deserunt.</p>

<h4 id="one">one</h4>

<p>Occaecat commodo aliqua delectus. Fap craft velit ea sunt next level locavore single-origin in1.com in magna veniam. High life id vinyl, echo park consequat quis aliquip banh mi pitchfork. Vero VHS est adipisicing. Consectetur nisi DIY minim messenger bag. Cred ex in, sustainable delectus consectetur fanny pack iphone.</p>

<h4 id="two">two</h4>

<p>In incididunt echo park, officia deserunt mcsweeney's proident master in1dotcom thundercats sapiente veniam. Excepteur. Locavore enim nostrud mlkshk brooklyn nesciunt.</p>

<h4 id="three">three</h4>

<p>Ad leggings keytar, brunch id art. Tumblr farm-to-table bicycle rights whatever. Anim bootstrap carles cardigan. Velit seitan mcsweeney's photo booth google wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.</p>

<p>Keytar twee blog, culpa in1dotcom Locavore of them bootply hoodie gluten-free lo-fi fap aliquip. Anim mollit minim in1.com.

</p>

</div>

</div> 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 287회 ]  작성일15-05-23 20:32

웹학교