Code Monkey home page Code Monkey logo

Comments (5)

kitian616 avatar kitian616 commented on July 3, 2024

你是指增加类似于 bootstrap grid 这样的 css class ,还是像这样的 layout ?

from jekyll-text-theme.

HenryQW avatar HenryQW commented on July 3, 2024

@kitian616 和bootstrap一样的responsive CSS class即可, 如 .col-md-6

from jekyll-text-theme.

kitian616 avatar kitian616 commented on July 3, 2024

I'm planning to add a portfolio layout, this could add together.

from jekyll-text-theme.

HenryQW avatar HenryQW commented on July 3, 2024

基主说好的grid呢!我自己魔改的

screen shot 2018-04-20 at 11 44 20

screen shot 2018-04-20 at 11 51 25

.evenly-distributed-children-2 figure, .evenly-distributed-children-3 figure{
      display: inline-block;
      vertical-align: top;
      overflow-x: auto;
      width:100%;
}

@media screen and (min-width: 830px) {
  .evenly-distributed-children-3 figure {
      width: 32%;
  }
}

@media screen and (min-width: 600px) and (max-width: 830px) {
  .evenly-distributed-children-3 figure {
      width: 45%;
  }
}

@media screen and (min-width: 600px) {
  .evenly-distributed-children-2 figure {
      width: 48%;
  }

.evenly-distributed-children-2 figure:last-child{
      margin-left: 10px;
  }
}

修改

$articleContent.children('.highlight').each(function() {

$articleContent.find('.highlight').each(function() {

from jekyll-text-theme.

kitian616 avatar kitian616 commented on July 3, 2024

事实上,这个在去年月底就弄出来了。不过觉得处理的还不够好,所以没有push,就被搁置了。

主要的原因在于那个时候代码的功能这块还不够模块化,显得很乱,不过因为这次提交的思路,倒是可以加上了。

from jekyll-text-theme.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.