30/09/2018, 19:44

Cho mình hỏi về cách format tag cloud bằng css và bootstrap

Chào các bạn, hiện tại mình sử dụng gem acts-as-taggle ở trong rails. Nay mình đã cho ra được tất cả các tags trong web của mình. Tuy nhiên, bây gio mình muốn nó có format như tag cloud trong trang:
** http://hackernews.vn/**
Tạm thời code của mình là như thế này:

.tag_cloud {
  width: 100px;
  line-height: 1.6em;
}
<section class="tag_cloud pull-sm-right">
   show tags.......
</section>

Nó cho ra kết qủa cũng gần giong như mình muốn, nhưng khi mình kéo nhỏ màn hình lại thì phần tags bị đẩy xuống dưới màn hình, không có responsive. Mình không biết làm như thế nào để cho nó có thể responsive khi mình thu nhỏ màn hình lại? Bạn nào có kinh nghiệm về CSS hoặc Bootstrap có thể gợi ý cho mình được không?
(Mình đang sử dụng bootsrap 4)

Lê Hồng Sơn viết 21:57 ngày 30/09/2018

thử dùng thể @media screen and (min-width: ) and (max-width: ) đi bạn rồi chỉnh margin padding gì đó cho phù hợp với tags

Bài liên quan
0