Bootstrap映像散布于此站点

时间:2018-06-30 02:09:55

标签: html css twitter-bootstrap

我正试图在一个页面上放置一个像此网站一样的图像列表:

http://www.journaldemontreal.com

有人可以提出任何建议吗?

1 个答案:

答案 0 :(得分:0)

我是Google搜索的忠实粉丝,因为使用正确的关键字,您可以获得预期的输出。 查看此链接:https://codepen.io/ckschmieder/pen/KVaZMW/

print "Welcome \nEnter The Amount Of Money For the Transaction"

amount = float(raw_input())

print "Taxed Amount Below\n"
taxed = (amount * float((1.065)))

print taxed
body { margin: 0; background: #333; }

.gallery { 
  max-width: 900px;
  padding: .5vw;
  font-size: 0;
  border: 2px solid whitesmoke;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: row;
  -webkit-flex-flow: row wrap; 
  flex-flow: row wrap; 
  display: -webkit-box;
  display: flex;
  margin: 0 auto;
}
.gallery div { 
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  width: 200px;
  margin: .5vw; 
}
.gallery div img { 
  width: 100%; 
  height: auto; 
}
@media screen and (max-width: 400px) {
  .gallery div { margin: 0; }
  .gallery { padding: 0; }
  
}

仅供参考:我没有写这封信,但无论写了什么,都应归功于他们。

这里看起来不太好,但是您应该在Codepen上检查它