룩오버 받기

룩오버 받기

Get Lookover는 새로운 오픈 소스 CSS 프레임워크입니다.
Get Lookover에 몇 가지 새로운 유틸리티를 추가했으며 전체 기능은 다음과 같습니다.

Navigation Bar, Containers, Colors, Jumbotrons, Alerts, Margin, Padding, Display, Inputs, Forms Controls, Borders, Border's radius, Notes, Columns, Grids, Accordions, Spacers & Horizontal Lines, Tabs, Opacity, Typography, Z-index, Icons

N.B: We included Google Symbols for icons

Get Lookover의 CSS 링크를 head 태그에 추가합니다.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/get-lookover/[email protected]/css/get-lookover.min.css">

Get Lookover의 모든 기능을 사용하려면 body 태그 끝에 jQuery/get-lookover.js를 추가하세요.

<!-- jquery.js -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<!-- get-lookover.js -->
<script src="https://cdn.jsdelivr.net/gh/get-lookover/[email protected]/js/get-lookover.min.js"></script>

다음은 탐색 모음을 추가하는 간단한 자습서입니다.

<!-- Centred Navbar -->

<header class="navbar center-navbar bg-dark">

<h4 class="logo"><b>Brand</b></h4>

<nav class="navbar-nav">

<ul class="navbar-links">

<li class="navbar-items">

<a class="navtab active">Home</a>

</li>

<li class="navbar-items">

<a class="navtab">Download</a>

</li>

<li class="navbar-items">

<a class="navtab">Docs</a>

</li>

<li class="navbar-items">

<a class="navtab">About</a>

</li>

</ul>

</nav>

<span class="navmenu">☰</span>

</header>

다른 내비게이션 바(왼쪽/가운데/오른쪽)를 보여주는 다음 그림



홈페이지 : Get Lookover

저작권 © Get Lookover™, 2022