在减小最小屏幕时形式不响应

时间:2017-08-07 12:28:41

标签: html5 forms twitter-bootstrap css3 responsive-design

我有一个简单的表单,我希望它能像Iphone 5一样响应最小的屏幕。当它在大屏幕上时,它没有问题但是当它减少时会破坏表格。关于如何使表单响应的技术是什么?最快的方法是什么?

Object o = new Collection[0]; // SC is Collection
System.out.println(o instanceof Object[]); // TC is class type Object -> true
System.out.println(o instanceof String[]); // TC is class type other than Object -> false
System.out.println(o instanceof Collection[]); // TC == SC -> true
System.out.println(o instanceof Iterable[]); // TC is super interface of SC -> true
System.out.println(o instanceof List[]); // TC is not super interface SC -> false
html, body{
    font-family: Helvetica;
    font-size: 12px;
}
.center_div{
    margin: 0 auto;
    width: 40%;
    padding: 10px;
}

1 个答案:

答案 0 :(得分:1)

你必须在div中使用col-lg / md / sm / xs-N,col-lg / md / sm / xs-offset-N类而不是宽度:40%; 见https://getbootstrap.com/examples/grid/。 使用有一个网格与12个细胞水平。您可以为每个屏幕定义单元格宽度和偏移量:extrasmall,small,medium,large。

https://jsfiddle.net/ej59s3jt/

presto:admin> db.collection.count();
Error running command: java.io.IOException: unexpected end of stream on Connection{hostname:27017, proxy=DIRECT hostAddress=/hostname:27017 cipherSuite=none protocol=http/1.1}