Question

在移动设备视图中，是否有一种方法可以使用通常的col-xs-xx方法在垂直视图上列出一列，并在电话旋转时在水平视图上显示两列？

我无法找到方法。谢谢。

Answer 1

列断点基于设备视口（以像素为单位）。您可以使用bootstraps生成器修改此断点，使用hack引导核心css更少，更少或更难。您还可以使用less / scss生成其他断点。

你也可以使用jquery“on orientationchange”做一些魔法，并在视口宽度大于视口高度时切换一些类。 ;）

Answer 2

By default Bootrap has this configuration:

public Struct myFunction(Struct struct){

   ....
   return struct;
}

Using this standards, Bootstrap considers mobile portrait and landscape both as URL url = new URL("https://www.frbservices.org/EPaymentsDirectory/submitAgreement?agreementValue=Agree"); HttpsURLConnection https = (HttpsURLConnection) url.openConnection(); https.setRequestMethod("POST"); https.connect(); url = new URL("https://www.frbservices.org/EPaymentsDirectory/FedACHdir.txt"); HttpsURLConnection http = (HttpsURLConnection) url.openConnection(); http.setRequestMethod("GET"); http.connect(); String line = ""; BufferedReader in = new BufferedReader( new InputStreamReader(http.getInputStream())); while( (line = in.readLine()) != null ) {System.out.println(line); //process line logger.debug(line); processLine(line); } http.disconnect(); devices.

You could override (using less or sass/scss) this variables:

< 768px   = -xs- prefix
>= 768px  = -sm- prefix
>= 992px  = -md- prefix
>= 1200px  = -lg- prefix

to achieve what you are looking.

For example you could change -xs- to 480px to target vertical device with @screen-sm-min @screen-md-min @screen-lg-min prefix and horizontal device with @screen-sm-min prefix.

Mind you that in this way you lose the possibility to target portrait tablet.

移动设备上的Bootstrap：水平视图上的两列

2 个答案: