CSS - timeline 추가, 변경

U Official |  2 주일 전 |  30 |   0

<a> 태그 추가 및 변경

.timeline-inverse > li > a {
  color: #000;
}
.timeline-inverse > li > a > div:hover {
    background-color: rgba(0,0,0,0.06) !important;
    cursor: pointer;
}
.timeline > li > a > .timeline-item > .timeline-header > span {
  color: #777;
}

<a> 태그 사용법 

<ul class="timeline timeline-inverse m-0">
    <li>
        <i class="fa fa-edit bg-info"></i> 

        <!-- <a> 추가 -->
        <a href="#">

            <div class="timeline-item">
                <span class="time"><i class="fa fa-clock-o"></i> 6분 전</span>
                <h3 class="timeline-header">

                    <!-- <a>태그를 <span>태그로 변경 -->
                    <span class="pr-2">U Official</span>

                    CSS - timeline 추가, 변경
                </h3>
                <div class="timeline-body">timeline-body</div>
            </div>
        </a>                       
    </li>
</ul>