Marx- 최소한의 코드로 CSS 라이브러리를 작고 예쁘게 만들 수 있어요.
Bootstrap 예쁘다.
나는 Bootstrap으로 몇 개의 관리 화면을 설치했다.부스트랩은 작고 예쁜 화면을 만들 수 있어 널리 활용돼 안도감을 준다.
한편, Bootstrap에 대한 궁금증도 있습니다.
부스트랩에는 패널포엠보탄그룹 등 편리한 구성품이 담겼지만, 워낙 관리 화면이라 편리해도 매출로 이어지지는 않는다.
그리고 <a class="btn btn-primary">
처럼 설계용 반을 상세하게 지정하는 것도 소용없다고 생각합니다.
Marx
여기서 소개하고 싶은 것은 Marx입니다.
다음은 홈페이지의 템플릿입니다.
한 반도 지정하지 않았다니.<main>
,<nav>
,<ul>
등 HTML5 표준 라벨을 사용하면 상당히 멋진 화면을 만들 수 있다.<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Marx Template</title>
<!-- Marx CSS -->
<link rel="stylesheet" href="css/marx.min.css">
</head>
<body>
<!-- main is the container -->
<main>
<!-- Navigation -->
<nav>
<ul>
<li><a href="#"><b>First</b></a></li>
<li><a href="#">Second</a></li>
<li><a href="#">Third</a></li>
<li><a href="#">Fourth</a></li>
</ul>
</nav>
<!-- article -->
<article>
<h1>Article</h1>
</article>
<!-- aside -->
<aside>
<h1>Aside</h1>
</aside>
<!-- section -->
<section>
<h1>Section</h1>
</section>
<!-- footer -->
<footer>
<p>© Matthew Blode 2016</p>
</footer>
</main>
</body>
</html>
물론 실제 개발에는 몇 개의 등급이 추가되어야 한다.
그중에서도 Bootstrap을 원하는 구성 요소가 있을 수 있습니다.
하지만 처음에 맥스의 작은 시작도 좋지 않았나요?
그 다음에 야근하는 것은 매우 간단하다.
Reference
이 문제에 관하여(Marx- 최소한의 코드로 CSS 라이브러리를 작고 예쁘게 만들 수 있어요.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tonluqclml/items/ea3a91e69c280014784a
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
부스트랩에는 패널포엠보탄그룹 등 편리한 구성품이 담겼지만, 워낙 관리 화면이라 편리해도 매출로 이어지지는 않는다.
그리고
<a class="btn btn-primary">
처럼 설계용 반을 상세하게 지정하는 것도 소용없다고 생각합니다.Marx
여기서 소개하고 싶은 것은 Marx입니다.
다음은 홈페이지의 템플릿입니다.
한 반도 지정하지 않았다니.<main>
,<nav>
,<ul>
등 HTML5 표준 라벨을 사용하면 상당히 멋진 화면을 만들 수 있다.<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Marx Template</title>
<!-- Marx CSS -->
<link rel="stylesheet" href="css/marx.min.css">
</head>
<body>
<!-- main is the container -->
<main>
<!-- Navigation -->
<nav>
<ul>
<li><a href="#"><b>First</b></a></li>
<li><a href="#">Second</a></li>
<li><a href="#">Third</a></li>
<li><a href="#">Fourth</a></li>
</ul>
</nav>
<!-- article -->
<article>
<h1>Article</h1>
</article>
<!-- aside -->
<aside>
<h1>Aside</h1>
</aside>
<!-- section -->
<section>
<h1>Section</h1>
</section>
<!-- footer -->
<footer>
<p>© Matthew Blode 2016</p>
</footer>
</main>
</body>
</html>
물론 실제 개발에는 몇 개의 등급이 추가되어야 한다.
그중에서도 Bootstrap을 원하는 구성 요소가 있을 수 있습니다.
하지만 처음에 맥스의 작은 시작도 좋지 않았나요?
그 다음에 야근하는 것은 매우 간단하다.
Reference
이 문제에 관하여(Marx- 최소한의 코드로 CSS 라이브러리를 작고 예쁘게 만들 수 있어요.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tonluqclml/items/ea3a91e69c280014784a
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Marx Template</title>
<!-- Marx CSS -->
<link rel="stylesheet" href="css/marx.min.css">
</head>
<body>
<!-- main is the container -->
<main>
<!-- Navigation -->
<nav>
<ul>
<li><a href="#"><b>First</b></a></li>
<li><a href="#">Second</a></li>
<li><a href="#">Third</a></li>
<li><a href="#">Fourth</a></li>
</ul>
</nav>
<!-- article -->
<article>
<h1>Article</h1>
</article>
<!-- aside -->
<aside>
<h1>Aside</h1>
</aside>
<!-- section -->
<section>
<h1>Section</h1>
</section>
<!-- footer -->
<footer>
<p>© Matthew Blode 2016</p>
</footer>
</main>
</body>
</html>
Reference
이 문제에 관하여(Marx- 최소한의 코드로 CSS 라이브러리를 작고 예쁘게 만들 수 있어요.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tonluqclml/items/ea3a91e69c280014784a텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)