Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用Bootstrap实现以下列的重新排序?_Javascript_Twitter Bootstrap_Css - Fatal编程技术网

Javascript 如何使用Bootstrap实现以下列的重新排序?

Javascript 如何使用Bootstrap实现以下列的重新排序?,javascript,twitter-bootstrap,css,Javascript,Twitter Bootstrap,Css,在mobile first设计中,我有3根柱子,如下图所示 A C B 对于>=md视口,我希望实现以下布局 AB C 这可以通过引导轻松完成吗?我对拉/推列有问题您可以这样做。有关更多信息,请尝试此非常精巧的解释/教程: 改为按此顺序操作更简单: A B C 医学博士呢 AC B 并分配这些类: A=col-md-6 B=col-xs-12 col-md-push-6 C=col-md-6 col-md-pull-6 推拉柱有什么问题?你试过什么?我能像ABC一样垂直对齐,但不能将A

在mobile first设计中,我有3根柱子,如下图所示

A
C
B
对于>=md视口,我希望实现以下布局

AB
C

这可以通过引导轻松完成吗?我对拉/推列有问题

您可以这样做。有关更多信息,请尝试此非常精巧的解释/教程:

改为按此顺序操作更简单:

A
B
C
医学博士呢

AC
B
并分配这些类:

  • A=col-md-6
  • B=col-xs-12 col-md-push-6
  • C=col-md-6 col-md-pull-6

  • 推拉柱有什么问题?你试过什么?我能像ABC一样垂直对齐,但不能将A和B并排对齐。这不完全是我想要的——尽管阅读效果很好