묻고답하기
부트스트렙 사용시 이해가 잘 안되어서 묻습니다.
2012.10.08 16:17
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</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="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li class="nav-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
위 코드가 부트스트렙의 메뉴 코드이며 드롭다운에 관련되어진 부분까지 있습니다..
<ul>
<li loop="$global_menu->list=>$key1,$val1" class="active"|cond="$val1['selected']"><a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>
<ul cond="$val1['list']">
<li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a></li>
</ul>
</li>
</ul>
현 코드는 기본적으로 xe에 첨부되어진 코드인데..
신규정규식으로 변경하여서 할려고 하다가 딱 막히는 부분이.
부트스트렙부분에서
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li class="nav-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
부분이네요. <!--if 라는 예전의 문구를 사용하여서 <a href 의 변경이 가능할 것이라고 생각되어지지만
1.5부분에 맞게 수정을 할려고 하니... 도대체가 이해가 잘 안되어서 이렇게 남김니다 ㅠㅠ;
<li class="dropdown"> 같은경우는 <li cond="$val1['list']" class="dropdown"> 같이 리스트가 없을시에 쓰지 않는다라고
해버리면 되지만. 그 다음의
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
라는 부분이 들어가야 하는데.. 이것참 아이러니 하네요.. 2차메뉴에 대해서 이거 원 쓰질 못할거 같으니 ㅠㅠ;
이 부분에 대한 명확하지도 않아도 되지만 답변을 조금 구할려고 합니다.
가뜩이나마 ㅠㅠ;; 저 사양의 머리를 들고 있다보니.. ㅠㅠ; 조금 양해를 구합니다.
감사합니다.
댓글 1
-
Sulli
2012.10.08 17:23
-
ToFinder
2012.10.08 21:54
역시나 응용이 필요하군요 ㅠㅠ; 당장 다른것 때문에 또 손 못대고 있습니다 ㅠㅠ;; 답변 감사합니다. 이거보고 다음에 꼭 응용하여 레이아웃 하나 배포해볼렵니다 ㅋㅋ. 감사합니다.
<li cond="$val1['list']" class="dropdown">클래스만 감출려고하는건데.. 요런식이면 <li> </li>사이 전체를 없애버리지 싶은데요..
<li class="dropdown"|cond="$val1['list']"> 요런식으로 바꿔줘야될꺼같구요...
==
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> 이건
<a href="<!--@if($val1['list'])-->#<!--@else-->{$val1['href']}<!--@end-->" class="dropdown-toggle" data-toggle="dropdown">그냥 이게 나을것 같구요..
==
<b class="caret"></b> 이건..
<b class="caret" cond="$val1['list']"></b> 요렇게...
==
<ul class="dropdown-menu">이건..
<ul cond="$val1['list']" class="dropdown-menu"> 요런식으로 하면 될듯합니다..
*잘못 된게 있으면 지적을 해주세요ㅠ