Marx- 최소한의 코드로 CSS 라이브러리를 작고 예쁘게 만들 수 있어요.

2334 단어 RailsCSS

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>&copy; Matthew Blode 2016</p>
    </footer>
  </main>

</body>
</html>
물론 실제 개발에는 몇 개의 등급이 추가되어야 한다.
그중에서도 Bootstrap을 원하는 구성 요소가 있을 수 있습니다.
하지만 처음에 맥스의 작은 시작도 좋지 않았나요?
그 다음에 야근하는 것은 매우 간단하다.

좋은 웹페이지 즐겨찾기