Semantic UI

컴포넌트의 사용법

수업 

소스코드

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="semantic/semantic.css">
<script
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. css를 수정하려면 시멘틱 원본을 수정하면 되는걸까요..필요없는 시멘틱 css는 삭제하고 쓰는걸까요..으아
  2. 한강
    오늘도 감사합니다~~^^!
    200619
  3. 야스리
    왜 시멘틱인지 알만한 클래스 네임이네요!
  4. SanFrancisco
    Semantic UI에서는 부트스트랩의 Container와 같은 기능을 하는 요소가 없나요? 직접 바디의 패딩을 지정해줘야 여백이 생기는 것인가요?
  5. 스페이스몽키
    감사합니다!
  6. 코딩잘하고싶어요 ㅎ
    18 02 27 감사합니다
  7. 심화평
    17.06.20 끝 감사합니다 ^^
  8. hayasi
    활용도가 높겠네요^^
버전 관리
egoing
현재 버전
선택 버전
공동공부
graphittie 자세히 보기