중급모듈 마지막 SNS Profile 실습관련 질문입니다.

[이니]

 

 

부트스트랩에서 Progress를 가져와서 구현해보려 했는데, 막대기 까지는 언듯 비슷하게 했습니다. 

근데  Profile 텍스트를 막대기바 크기에 비례해서 함께 반응형으로 적용하려면 어떻게 해야할까요 ..

아래는 제가 막대기바 적용한 코드입니다.

<div class="container">
        <div>
            <!-- <p class="text-primary" style="margin:5px 0px 0px 3.3%">Profile</p> -->
            <div class="progress mt-3 mb-2" style="height: 5px;">
                <div class="progress-bar" role="progressbar" style="width: 10%;" aria-valuenow="25" aria-valuemin="0"
                    aria-valuemax="100"></div>
            </div>
        </div>
    </div>

[codingapple]

그러기 위해서는 progress는 유용하진 않을 것 같습니다 로딩중 막대같은거 넣을 때만 쓰시면 됩니다 

박스 큰거 하나에 박스 작은거 넣고 

박스 큰거엔 회색 border-bottom

박스 작은거엔 파란색 border-bottom 넣으면 될 것 같군요 

[글쓴이]

글