부트스트랩으로 상단 메뉴 만들기 > 웹개발

• 목록

부트스트랩으로 상단 메뉴 만들기
<?php
//==========================================
// 메뉴색깔
$mainMenu = array();
for ($i=0;$i < 6;$i++) {
    $mainMenu[$i] = "btn-primary";
}
$mainMenu_active = "btn-secondary";
//==========================================

//==========================================
$mainMenu[0] = $mainMenu_active;
?>
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
        <div class="container-fluid">
            <a class="navbar-brand" href="/">타이틀</a>

            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarNav">
                <div class="row btn-group" style="width:100%;">
                    <a class="col-lg-1" aria-current="page"></a>
                    <a href="#" class="col-lg-1 btn <?=$mainMenu[0];?>" aria-current="page">메뉴1</a>                    
                    <a href="#" class="col-lg-1 btn <?=$mainMenu[1];?>" aria-current="page">메뉴1</a>
                    <a href="#" class="col-lg-1 btn <?=$mainMenu[2];?>" aria-current="page">메뉴1</a>
                    <a href="#" class="col-lg-1 btn <?=$mainMenu[3];?>" aria-current="page">메뉴1</a>
                    <a href="#" class="col-lg-1 btn <?=$mainMenu[4];?>" aria-current="page">메뉴1</a>

                </div>
            </div>
        </div>
    </nav>