Bootstrap .col问题
Bootstrap是一种流行的前端开发框架，用于快速构建响应式网页和Web应用程序。它提供了一套预定义的CSS样式和JavaScript组件，使开发人员能够轻松地创建具有一致外观和良好用户体验的界面。
.col是Bootstrap中用于创建响应式网格布局的类名之一。它是用于定义网页布局中的列的类名，可以将网页内容划分为不同的列，并根据屏幕大小自动调整布局。通过使用.col类名，开发人员可以轻松地创建自适应的网页布局，使网页在不同设备上都能够良好地显示。
优势：
- 响应式布局：.col类名使得网页能够根据不同设备的屏幕大小自动调整布局，提供更好的用户体验。
- 网格系统：Bootstrap提供了强大的网格系统，使开发人员能够轻松地将网页内容划分为不同的列，实现灵活的布局。
- 预定义样式：Bootstrap提供了丰富的预定义CSS样式和JavaScript组件，使开发人员能够快速构建具有一致外观的界面。
应用场景：
- 响应式网页设计：由于.col类名可以实现响应式布局，因此适用于构建适应不同设备的响应式网页。
- 网页布局设计：通过使用.col类名，可以轻松地创建网页的多列布局，实现各种复杂的网页布局设计。
推荐的腾讯云相关产品和产品介绍链接地址：
腾讯云提供了一系列与云计算相关的产品和服务，其中包括云服务器、云数据库、云存储等。以下是一些相关产品的介绍链接地址：
- 腾讯云服务器（云主机）：https://cloud.tencent.com/product/cvm
- 腾讯云数据库：https://cloud.tencent.com/product/cdb
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
请注意，以上链接仅供参考，具体的产品选择应根据实际需求进行评估和决策。
相关·内容
1回答
我通过NPM安装了bootstrap和react-bootstrap，如中所述。写完这个小片段后，它就不起作用了。它显示了彼此下面的一个Col。
import React from "react";
import Row from "react-bootstrap/Row";
import Container from "react-bootstrap/Container";
import Col from "react-bootstrap/Col";
render() {
return (
<Co
浏览 3提问于2020-06-22得票数 0
回答已采纳
3回答
我刚刚安装并配置了环境，以便在本地构建自定义版本的Twitter。
我就是这样做的：
安装节点
安装npm
少装
克隆引导本地
运行make build编译引导程序
步骤5:
~/devel/parking/bootstrap$ make build
jshint js/*.js --config js/.jshintrc
js/bootstrap-affix.js: line 23, col 17, Bad option: ';_;'.
js/bootstrap-alert.js: line 23, col 17, Bad option:
浏览 4提问于2013-02-24得票数 7
回答已采纳
我在代码中使用了span4(使用引导css)，但在设计中没有任何效果。所以，请在我的代码中有什么问题，任何引用都是要添加的吗？这是我的密码，
<head runat="server">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="bootstrap-3.1.1-dist/css/bootstrap.css&
浏览 1提问于2014-04-02得票数 0
回答已采纳
问题： 1.成员构建过程以警告完成，并最终导致一个损坏的输出文件，该文件在铬客户机上抛出一个Uncaught SyntaxError: Invalid or unexpected token，从而阻止应用程序加载。
症状： 1。“在bower install bootstrap --save和必要的app.import(...)命令之后，成员构建过程抛出了几个警告-- [BABEL]: the code generator has deoptimised the styling of bower_components/bootsrap/....../jquery.js as it exceed
浏览 6提问于2017-04-03得票数 0
回答已采纳
7回答
导致左侧和右侧的边缘
、、、、
我在我的React应用程序中使用。这是造成左和右的边缘。我使用以下代码：
import React, { Component } from "react";
import "react-bootstrap/dist/react-bootstrap.min.js";
import "bootstrap/dist/css/bootstrap.min.css";
import { Grid, Row, Col } from "react-bootstrap";
import MuiThemeProvider from "mate
浏览 18提问于2017-09-11得票数 17
回答已采纳
3回答
我有一个问题，使引导网格显示正确。我的代码如下
<div class="container">
<div class="row">
<div class="col-md-6">.col-md-6</div>
<div class="col-md-6">.col-md-6</div>
</div>
</div>
我看到的只有：
有人知道这里发生了什么吗？我已
浏览 9提问于2016-08-30得票数 0
回答已采纳
我正在使用react-select和react-bootstrap，我遇到了以下问题。我创建了一个bootstrap Card，里面有一个react-select，问题是当我打开react-select菜单时，这个菜单没有完全显示。我尝试将z索引值和位置更改为relative，但没有任何更改。这是我的问题的图片：Image import React from "react";
import Form from "react-bootstrap/Form";
import Row from "react-bootstrap/Row";
impor
浏览 55提问于2020-08-13得票数 2
回答已采纳
1回答
我下载了Bootstrap4，设置了$enable-flex true并重新编译。
我有一个关于Bootstrap 4和flexbox的问题。
如果你缩小Twitter主页的大小，你可以看到“关注谁”部分正在从站点的右边移到左边(但是主提要不会受此影响)，这就是我想用Bootstrap 4和flexbox做的事情。因此，当我调整窗口大小时(假设大小是sm)，#right将在#left之后启动。#middle是提要部分。
我该怎么做呢？
这是我当前的设置。
#left {
background: yellow;
}
#middle {
background: brown;
}
#ri
浏览 0提问于2015-09-18得票数 0
问题是:使用Bootstrap 3.3.7，我有6个图像(3个图标和3个进度条)，并希望在将窗口大小从col减小到col时，最后两个图像转到下一行(使我的站点尽可能响应)。问题是它不是这样的，下面是代码：
<!DOCTYPE html>
<html>
<head>
<!-- Boostrap CDN -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.c
浏览 0提问于2018-06-07得票数 0
1回答
我在使用react-bootstrap和styled component时遇到了一个问题，因为在这之后，当我需要对像"Col"这样的组件设置样式时，我会从两个类似的文件中导入它： import Col from "react-bootstrap";
import Col from "styled-Component"; 因此，当我使用styled component时，我不应该使用react-bootstrap?？
浏览 15提问于2021-01-03得票数 0
回答已采纳
1回答
我一直在尝试创建一个基本的bootstrap页面，我希望将中间列的高度设置为响应式高度，这样页面就会占据整个屏幕。我使用试图解决这个问题，并实现了他们在那里的解决方案，但仍然不起作用。如果有什么我可以更好地说明或解释来写出更好的问题，请说出来。我不确定它出了什么问题，所以如果能帮上忙，我将不胜感激。谢谢!
html, body {
height: 100%;
padding: 0;
margin: 0;
}
#header {
height: 150px;
background-color: red;
}
#footer {
height: 150px;
b
浏览 11提问于2018-03-06得票数 0
回答已采纳
1回答
我对Jade和Bootstrap有意见。我正在尝试以这种格式布局一些HTML：
<bootstrap row>
<bootstrap col-sm-6>
<bootstrap col-sm-6>
</bootstrap row>
<bootstrap row>
<bootstrap col-sm-6>
<bootstrap col-sm-6>
</bootstrap row>
等等。
我需要在each语句中实现这一点，但是我不能让它以我希望的方式工作。它在每次迭代后一直关闭行
浏览 2提问于2014-03-31得票数 0
1回答
我是web开发的新手，我已经走得很远了，但现在我有点被这个问题卡住了。 因此，我目前正在使用react bootstrap来设计我的网页样式，但我不能覆盖bootstrap的默认样式。当我使用样式组件时，它可以工作，但当我尝试使用css模块时，它不会接受更改。我已经试着改变它几个小时了，但是我就是想不起来。 我确实找到了一些使用scss或自定义主题的建议，但我只是感到困惑，因为说明不清楚。有没有人可以帮我指出如何更改自定义React Bootstrap的文档，我希望这是一个初学者友好的文档或视频 ORRRRR 我是否应该放弃react bootstrap，在我的项目中使用bootstrap而
浏览 16提问于2020-01-15得票数 2
回答已采纳
1回答
我在bootstrap中有一个网格，如下所示。它在大屏幕上效果很好。但当涉及到中等屏幕时，它就不能很好地堆叠起来。
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https:
浏览 0提问于2015-03-16得票数 0
1回答
列未正确对齐
、、、
我需要将3个元素与bootstrap对齐。我使用的是angular 8，所以在安装bootstrap时，我只需要css (我只需要col、col等)，所以我需要：
"styles": [
"src/styles.sass",
"node_modules/bootstrap/dist/css/bootstrap.min.css"
],
在我的style.sass中，我这样做：
@import "~bootstrap/dist/css/bootstrap.cs
浏览 0提问于2020-01-28得票数 0
我们正在使用bootstrap来显示营销数据。我们希望为小型设备显示一列，为中型设备显示3列，这是可行的。
中型设备的问题：-
在下面的代码片段中，“营销Data1”可能并不存在。现在，bootstrap添加了空列。我们如何修改bootstrap，如果“营销Data1”不存在，它应该只有2列，中间设备的中心。我的想法是，它不可能在bootstrap中实现。如果是，请建议一种接近bootstrap的方法，并使用其他方法。
<code>
<div class="row">
<div class="col-xs-12 co
浏览 1提问于2015-09-06得票数 3
出于性能原因，React-Bootstrap文档建议导入单个组件，而不是整个库。所以：
import Button from 'react-bootstrap/Button';
而不是
import { Button } from 'react-bootstrap';
我的问题是，在进口大量组件时，这是否有限制？即
import Alert from 'react-bootstrap/Alert';
import Row from 'react-bootstrap/Row';
import Col from 'react-
浏览 1提问于2022-05-21得票数 1
回答已采纳
2回答
我不知道我的代码出了什么问题。我是bootstrap的新手，我的问题有点微不足道。我的一个领域出了差错。我尝试了一种不同的方法，只做了一行，并且没有增加div大小，而是减少了它们，但它有完全相同的问题。(在全屏模式下运行代码)。
如果你能帮我一把，请！
.row {
background-color: yellow;
}
.col-sm-3, .col-sm-6 {
border:solid 2px black;
}
div {
height:200px;
}
.two-div {
height:400px;
}
.three-div {
hei
浏览 0提问于2017-03-31得票数 2
回答已采纳
1回答
错列填充与引导SASS栅格
、、、、
我有一个最低限度的启动-SASS设置，表现不好。它基本上是一个三列模板，其中CSS元素是通过混合生成的。使用下面的代码，第三列，最右边的列在第一列下面，这是一种不想要的行为。下面是一个截图：
我认为这是一个空间不足的问题:如果我从每个列中删除15 it列填充(通过手动方式，通过Chrome工具)，它们就很适合容器内部。
这是main.sass
/* minimal Bootstrap-SASS */
@import "bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/variables"
浏览 2提问于2014-12-22得票数 1
回答已采纳
我对bootstrap 3有一个问题，当它在iframe中时，响应菜单不工作，对于bootstrap 4，如果它工作，它必须是bootstrap 3，index.html有以下代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<h
浏览 4提问于2018-03-28得票数 0
1回答
我正在使用bootstrap 4我的项目。下面是我的代码
.form-info-tab {
border: 1px solid #ccc;
border-collapse: separate;
border-spacing: 0px;
padding:5px;
text-align:center;
}
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"
浏览 1提问于2020-04-27得票数 0
1回答
引导:引导网格
、、
我试图使用Bootstrap Grid概念在一行中创建12列，而不是在容器中创建12行。
我做过的代码
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale
浏览 3提问于2021-10-03得票数 0
回答已采纳
在我被完全击倒在这里之前，我想不出有什么其他的方式来表达这个问题，除了我是怎么做的.
我想为1366 in和1920 in在Bootstrap 4中设置另外两个断点，因为Bootstrap的xl非常有限，只有1200 in。
我的页面引用了bootstrap.min.css和bootstrap.bundle.min.js。
我将--breakpoint-xxl:1366px;--breakpoint-xxxl:1920px；直接添加到--断点-xl:1200 as之后，并在boostrap.min.css文件中创建了两列如下所示：
<div class="col-xxxl-6 c
浏览 0提问于2019-01-15得票数 1
回答已采纳
1回答
流星助手必须是函数吗？我认为它们可以直接分配给空格键可以理解的任何东西(数组、字符串、数字等)。但这并不能正常工作：
Template.myTemplate.helpers = ({
'tabButtons': [{
title: "Active Topics",
link: "/dashboard/topic-builder/active",
bootstrap: "col-xs-6",
active: isActive("activeTopics&
浏览 0提问于2015-12-05得票数 0
3回答
我正在尝试插入一个下拉按钮，但它就是不能在我的页面上工作。我已经在我的页面中插入了所有需要从bootstrap中插入才能工作的东西，但它仍然不能工作。我的代码出了什么问题，它不能工作？ <head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootst
浏览 36提问于2021-08-22得票数 0
1回答
引导:重叠列
、、
我有以下代码：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="
浏览 0提问于2018-09-28得票数 0
回答已采纳
3回答
我有这个Bootstrap水平表单，但问题是标签文本不对齐。如何对齐标签文本。
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
</head>
<body>
<div class="container">
<
浏览 1提问于2015-08-28得票数 0
2回答
我试图在我的angular2应用程序中使用一些bootstrap类，但出现了一些问题，bootstrap无法工作。我已经使用下面的命令安装了bootstrap。
npm install bootstrap@4.0.0-alpha.6 --save
然后我在index.html中包含了bootstrap.min.css和bootstrap.min.js。
<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
<script src=
浏览 1提问于2017-01-19得票数 0
我使用AngularJS ng-repeat来呈现产品列表，并使用bootstrap col-md-2使其每行显示6个产品。我粘贴了一个简短版本的代码，如下所示：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Example of Bootstrap 3 Grid System</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.
浏览 0提问于2015-11-08得票数 0
我想了解如何将屏幕尺寸控制在768 to以下，特别是480 to。我目前正在努力创建一个页面，将显示3个不同的网站，这是很好的，但下降到低于768 to的3个标志。
我的HTML代码：
<!doctype html>
<html>
<head>
<title>Bootstrap Layout</title>
<link rel="stylesheet" href="custom.css">
<!-- Latest compiled
浏览 5提问于2015-11-01得票数 0
回答已采纳
2回答
我想在lg屏幕=>上有这样的布局
| col 6 | | EMPTY col 6 |
| col 6 | | col 6 |
这个在小屏幕上
我希望在<lg屏幕(没有空) =>上有这样的布局
| col 12 |
| col 12 |
| col 12 |
但我不知道如何用offset正确地做这件事
我不能用不同的行，因为它会破坏移动的布局。检查全屏中的片段
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/
浏览 1提问于2021-03-11得票数 0
2回答
使用引导带的响应img
、、、
我一直试图在我的系统中使用引导网格，但遇到了这个问题。下面是一个示例代码。
我想要的是我的两根柱子都有相同的高度。第一列用于描述，第二列用于图像。问题是当我的描述太长时，图像不能给出与第一个图像相同的高度。
产出：
预期结果：
我想要的是图像和第一列一样高。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<me
浏览 3提问于2020-03-12得票数 0
回答已采纳
我对反应非常陌生，作为一种启动，我试图使用new引导创建登录表单，但当我运行代码时，它会显示控制台中的错误如下所示：
ReactCompositeComponentWrapper._renderValidatedComponentWithoutOwnerOrContext (index.js:36957) at ReactCompositeComponentWrapper._renderValidatedComponent (index.js:36984) at ReactCompositeComponentWrapper.performInitialMount (index.js:3652
浏览 0提问于2018-04-27得票数 0
1回答
我希望在布局组件中使用npm模块react-bootstrap () (正如ASP.NET Core2.1模板客户端项目也有)。但是模板中的文件扩展名是.js。我想使用类型记录，所以Layout.tsx如下所示：
import * as React from 'react';
import { Col, Grid, Row } from 'react-bootstrap/'; <----- compile time error: Module has no exported member col / grid / row
import
浏览 6提问于2021-11-05得票数 2
2回答
文字-装饰:无；不工作
、、、
我是第一次在这里发帖。我正在为一个在线网页开发课程做一个项目，我已经创建了一个使用页脚标签的页脚，我使用的是引导CSS文件和我的CSS文件。我使用锚标记添加链接，但由于某种原因我无法删除文本装饰，我尝试了内部、外部和内联样式表，但没有任何工作。这是下面的页脚代码，这个页脚页面已经使用include()函数包含在我的index.php文件中。
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<meta name=&
浏览 2提问于2017-03-28得票数 0
回答已采纳
1回答
带引导的登录表单
、、、、
我用引导程序创建了一个简单的登录表单，代码如下：
{% block stylesheets %}
<link href="{{asset('bundles/examens/css/style_ar.css') }}" rel="stylesheet" type="text/css" media="all">
<link href="{{asset('bundles/examens/bootstrap/css/bootstrap.min.css') }}" rel=&
浏览 0提问于2014-05-13得票数 1
回答已采纳
我正在尝试从bootstrap 2迁移到bootstrap 3，但是我在使用新的网格系统时遇到了问题，新的网格系统是col-lg-*而不是span*
我的英语很差劲，所以我用例子说明我的问题：
基本引导程序2模板：
和bootstrap 3，相同的模板，但在其中我使用了col-lg-*而不是span*
有什么想法吗？
浏览 0提问于2013-08-03得票数 2
回答已采纳
首先，我想说，我知道我不是我的HTML中最有效或最干净的。
我的问题是，我编写的自定义CSS根本不适用于我的网页。引导似乎非常好，但当我试图做任何编辑或覆盖引导，它只是平平的工作不起作用。我知道我的定制CSS文件是正确链接的，因为它与bootstrap.css位于同一个目录中
连接：
<head>
<title>Help Menu</title>
<!--
===============================================================================================
浏览 4提问于2017-02-24得票数 3
回答已采纳
我正在使用React bootstrap，并使用它的Row和Col组件。默认情况下，列是水平居中对齐图像。如何将此图像移动到列中的左侧？ 代码 import React from "react";
import Container from "react-bootstrap/Container";
import Row from "react-bootstrap/Row";
import Col from "react-bootstrap/Col";
import Image from "react-bootstrap/
浏览 47提问于2021-06-21得票数 0
1回答
Fig A shows my design for sm,md and lg devices. In case of xs devices the block B should display above block A (as shown in fig B). But i do not know what is wrong with codes.Someone please help me.
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googl
浏览 4提问于2015-09-23得票数 4
回答已采纳
1回答
Bootstrap新手，在嵌套列方面有一些问题。出于某些原因，它们是不成比例的。第一对嵌套列被“压缩”成两半，但第二对嵌套列的比例恰到好处。见下文。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, ini
浏览 17提问于2017-01-14得票数 2
回答已采纳
Bootstrap 3.3.7列较大，未按预期工作。但奇怪的是。当我尝试使用bootstrap 4时，它工作得很好。我不知道问题是从哪里来的。除此之外。bootstrap 4改变了我的文本大小。我也不想升级。
我的引导程序完美地链接到了我的应用程序中。这里没有问题。我需要帮助来解释为什么bootstrap 3.3.7 column large不起作用。
以下是我的代码
base.html
<html>
{% load static %}
<link rel="stylesheet" href=" {% static 'assets/css/
浏览 16提问于2017-08-26得票数 0
回答已采纳
2回答
我是新手在bootstrap上尝试提高我的技能，我已经做了5个盒子，正如你所看到的(两个在左边和3个右边)，我的问题是为什么'5‘盒子看起来不同，而不是相应地与2号和4号不在同一行它看起来有边距-左边…但还没有，第二个问题是，当我使用‘col 12’时，我希望那些盒子像'center‘一样在中间，第三个问题是，当我将我的手机改为’横向‘时，这些盒子应该(相同的地方)，就像它现在在大尺寸的’col 6col-md-6col-sm-6‘上工作一样，第四个问题是，我有一个盒子’空白‘，有没有可能用'Display: none；或visibility: hidden;’来取代
浏览 10提问于2019-03-07得票数 0
1回答
我有不同的图片和文本的卡片，使它们更大/更小，我找不到任何反应-- Bootstrap的具体答案，但是我尝试过的每个css和普通Bootstrap选项都失败了。唯一在这个问题上放置补丁的是在卡片中设置一个最大的高度，但是那些具有较大图像或文本的卡片的图像更高或更低，对于一些中等大小的图像和一个较大的图像的行来说确实很糟糕。例如：
我试着修改了这个答案的前三个答案：，但是它不起作用，例如使用d-flex对齐项-拉伸
import React from "react";
import Product from "./product";
import Con
浏览 8提问于2022-02-02得票数 0
1回答
在我的一个项目中，我需要在模式上显示编辑记录表单。因此，我使用bootstrap 3.3.7模式来显示编辑表单。但是我在Html页面上看到了控件对齐的奇怪行为，因为标签在输入字段上重叠。
<html>
<head>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7
浏览 1提问于2018-03-07得票数 0
2回答
无法查看列的内容
、、
我刚开始自举，并陷入了一个问题。
下面是代码
doctype
html
head
meta(charset="utf-8")
meta(name="viewport", content-width="device-width", initial-scale="1.0")
title Example
link(href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.c
浏览 0提问于2018-06-13得票数 3
回答已采纳
1回答
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"href="http://max
浏览 1提问于2015-04-29得票数 0
回答已采纳
以下代码段中div上的div只垂直地填充它：
.col-sm-2 {
background: pink;
padding: 100px;
}
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous
浏览 2提问于2021-11-19得票数 2
回答已采纳
1回答
我不知道我的头衔或副标题会持续多久。因此，需要从父母继承的孩子的height。还有其他不给父级指定高度的方法吗？或者有人能指出我在这里的正确答案，我找不到具体的答案，我的问题。
.header {
//height: 45px;
}
.header .col-xs-3 {
border-right: 3px solid #efefef;
height: inherit;
padding-left: 10px;
}
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.
浏览 0提问于2016-02-11得票数 1
回答已采纳
我正在与bootstrap工作，并希望有我的列重新排序只在sm视图。我知道bootstrap有pull和push方法，但我对此有问题。
桌面
A|B|C|D
平板电脑
A|D
B|C
莫比尔县
A|B
C|D
现在是我的代码：
<div class="container">
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-3">A</div>
<div class="col-xs-6 col-sm-6 col-md
浏览 4提问于2016-08-24得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
