페이지 중첩은 안되었던걸로 기억 하는데요.
어떤 용도 인지 궁금 하네요.

Bootstrap의 드롭다운메뉴를 스마트폰사이트선 해당페이지에서 간단히 페이지를 만들어 표현하고자 생각한 내용입니다...

즉 이런 모양을 휴대폰에서 구현하는걸 어렵게 생각하지 말고 page로 만들면 어떨까 했죠...



위의 내용을 대략적으로 코딩 한다면 아래와 같이 되는데요...

<div class="btn-group">
<button class="btn">Action</button>
<button class="btn dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<!-- dropdown menu links -->
</ul>
</div>

이걸 휴대폰에서는

<div data-role="page" id="main">

    <a href="#myinfo" data-role="button">내정보</a> 

    <div data-role="page" id="myinfo" data-theme="a">

        <div data-role="content" data-theme="a">
            <p>원하시는 설정을 아래의 버튼에서 선택하여 클릭하시기 바랍니다.</p>
            <p>
                <?php echo anchor('/auth/change_profile', '프로필 변경', 'data-role="button" data-theme="a"'); ?>
                <?php echo anchor('/auth/change_email', '이메일 재설정', 'data-role="button" data-theme="a"'); ?>
                <?php echo anchor('/auth/change_password', '비밀번호 변경', 'data-role="button" data-theme="a"'); ?>
                <?php echo anchor('/auth/change_picture', '내사진 변경', 'data-role="button" data-theme="a"'); ?>
            </p>
            <p><a href="#main" data-direction="reverse" data-role="button" data-theme="b">닫기</a></p> 
            
        </div><!-- /content -->

    </div><!-- /page two -->

</div>

이렇게 사용가능할까 해서 해 봤는데 안되더라구요~
페이지안에 페이지는...

페이지 밖엔 별도로 페이지를 만들면 되긴 하지만...
저는 버튼 바로 빝에 별도로 페이지를 만들고 싶었거든요...

^^:

헛발이// 데탑용 웹페이지를 모바일 라이브러리로 만드시는건가요 ^^

그런 복잡한건 아니구요~ ㅋㅋ

단순히 웹페이지를 모바일용 웹페이지도 만드는 중인데요...
웹페이지에서 드롭다운 메뉴를 라이브러리로 구현 했는데요..
모바일페이지는 jQueryMobile을 사용하다보니 일반적인 라이브러리랑 충돌나더라구요~
그래서 복잡하게 라이브러리 쓰지 않고 그냥 jQueryMobile에서 제공하는거 있나 찾아 봣는데 거긴 드롭다운 메뉴가 없는거 같아서 그냥 페이지를 이용하면 어떨까 하구요~

page 안에 page는 안되는건가요?

혹시 답 찾으셨나요? ㅎㅎㅎ