Semantic UI

컴포넌트의 사용법

수업 

소스코드

<!doctype html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="semantic/semantic.css">
        <script
          src="https://code.jquery.com/jquery-3.1.1.min.js"
          integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
          crossorigin="anonymous"></script>
        <script src="semantic/semantic.js"></script>
        <style>
            body{padding:1rem;}
        </style>
    </head>
    <body>
        <h1>Menu</h1>
        <div class="ui three item menu">
          <a class="active item">Editorials</a>
          <a class="item">Reviews</a>
          <a class="item">Upcoming Events</a>
        </div>
    </body>
</html>

 

댓글

댓글 본문
작성자
비밀번호
  1. 야스리
    왜 시멘틱인지 알만한 클래스 네임이네요!
  2. SanFrancisco
    Semantic UI에서는 부트스트랩의 Container와 같은 기능을 하는 요소가 없나요? 직접 바디의 패딩을 지정해줘야 여백이 생기는 것인가요?
  3. 스페이스몽키
    감사합니다!
  4. 코딩잘하고싶어요 ㅎ
    18 02 27 감사합니다
  5. 심화평
    17.06.20 끝 감사합니다 ^^
  6. hayasi
    활용도가 높겠네요^^
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기