使用flexbox标记标记的行为
使用flexbox标记的行为是一种用于创建灵活且自适应的布局的方法。Flexbox是一种CSS布局模型，它通过定义容器和其内部元素之间的关系来实现灵活的布局。
Flexbox的主要特点包括：
- 弹性容器（Flex Container）：使用display属性设置为flex或inline-flex的元素即为弹性容器，它的子元素成为弹性项目。
- 弹性项目（Flex Items）：弹性容器的直接子元素即为弹性项目，它们可以根据弹性容器的设置进行布局。
- 主轴（Main Axis）和交叉轴（Cross Axis）：弹性容器具有主轴和交叉轴两个方向，主轴是弹性项目排列的方向，交叉轴是与主轴垂直的方向。
- 弹性容器属性：弹性容器可以使用一系列属性来控制弹性项目的布局，包括flex-direction、flex-wrap、justify-content、align-items和align-content等。
- 弹性项目属性：弹性项目可以使用一系列属性来控制自身在弹性容器中的布局，包括flex-grow、flex-shrink、flex-basis、align-self等。
使用flexbox可以实现各种布局需求，例如：
- 等高的列布局：通过将弹性容器的display属性设置为flex，然后将弹性项目的高度设置为100%可以实现等高的列布局。
- 自适应的网格布局：通过设置弹性容器的flex-wrap属性为wrap，可以实现自适应的网格布局，弹性项目会根据可用空间自动换行。
- 水平居中和垂直居中：通过设置弹性容器的justify-content属性为center和align-items属性为center，可以实现水平居中和垂直居中的效果。
腾讯云提供了一系列与云计算相关的产品，其中与前端开发和布局相关的产品包括：
- 腾讯云CDN：腾讯云内容分发网络（CDN）可以加速网站的访问速度，提供全球覆盖的加速节点，适用于静态资源的分发和缓存。
- 腾讯云云服务器（CVM）：腾讯云云服务器提供了灵活可扩展的计算资源，可以用于部署和运行前端应用程序。
- 腾讯云对象存储（COS）：腾讯云对象存储是一种高可靠、低成本的云存储服务，适用于存储和分发前端应用程序的静态资源。
更多关于腾讯云产品的详细信息和介绍，请参考腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我正在尝试用新的css3 flexbox模型做一个布局。我想要一个页面，占用100%的高度，使用有一个固定的页脚和页眉，其余的内容是在中间的一列。content列应该占用宽度的100%，直到固定的最大宽度。此外，所有内容都应该居中对齐。
我设法完全按照规范在中构建了它，它在chrome或任何基于webkit的浏览器中都工作得很好。但它在firefox中被破坏了，在firefox中，添加"max-width“属性会使所有内容都是左对齐的固定列。
有人能告诉我为什么这在firefox中不起作用吗？这是对规范的不同解释，还是我的代码中的一个错误？
这是演示的HTML：
<div
浏览 3提问于2011-08-11得票数 1
1回答
我有这个布局(简化版)
<div id="main">
<div id="header">
...
</div>
<div id="content">
...
</div>
<div id="footer">
...
</div>
</div>
我需要的页眉和页脚是固定的，同时保持内容可滚动。问题是所有3个都居中，如果我设置了#content
浏览 0提问于2013-06-22得票数 0
我正在一个MVC网站上工作，使用Bootstrap。从昨天起，我的页面内容发生了变化。该页面似乎不再识别-ms值了(在bootstrap.css上到处都是)
如果我把光标放在/！上\我会得到“无效属性值”
以下是MVC中布局的标题
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@ViewBag.Titl
浏览 1提问于2019-08-08得票数 0
回答已采纳
在我的视图表单中，我有以下表代码：
<table class ="table table-bordered">
<colgroup span="7"></colgroup>
<tbody>
<tr ng-repeat="tr in rows">
<td ng-repeat="td in tr track by $index">
<span ng-bind-html="td"></span>
浏览 1提问于2015-02-11得票数 3
回答已采纳
1回答
控制列数
、
我想实现一个可调整大小的css网格的月份选择器，但也控制我的网格的列数，以便它总是很好地显示。
我希望避免/限制/控制孤立显示的情况，如：
X X X X X
X X X X X
X X
同时调整我的网格大小。
最好是有一个grid-column-number属性，它可以为网格定义一组可接受的列数(我认为这是不存在的)。
另一种方法是添加元素查询，但我想挑战css-grid，并避免基于javascript的polyfill，以及出于性能考虑而监听resize事件。
这是一个坏掉的小提琴，它接近于实现，但我不能让它丢弃给定的5/5/2布局案例。
损坏的(但明显相关的)代码：
<div c
浏览 2提问于2018-08-02得票数 0
回答已采纳
我不能将这些项目居中。我不明白我做错了什么。我尝试了所有的方法，但可能我正在做的事情是不正确的，但我找不到是什么！------------------------------------------------------------------------
.flexbox-container {
display: flex;
justify-content: center;
flex-direction: row;
}
.fl
浏览 0提问于2021-04-20得票数 0
1回答
如何让这个站点响应？
、、、、
我正在学习HTML和CSS，现在我愿意学习如何使其具有响应性。我已经尝试过了，在chrome中，你可以在多个设备上测试，是有效的，但当我扩展/模拟浏览器时，它变得奇怪。 .back {
background-color: turquoise
}
.center {
width: 100%;
height: auto;
max-height: 25vw;
max-width: 100vw;
object-fit: cover;
padding-top:
浏览 12提问于2020-08-12得票数 0
1回答
我有一个旋转轮子，它在PC上工作得很好，但当我在手机上尝试它时，它会改变它的大小、位置和几乎所有的东西。
此外，在旋转轮的中心有一个图像，它也应该留在手机上。
这是旋转的轮子：
代码如下：
.image {
position: absolute;
left: 30%;
width: 300px;
height: 300px;
-webkit-animation:spin 10s linear infinite;
-moz-animation:spin 10s linear infinite;
animation:spin 1
浏览 4提问于2016-05-30得票数 0
我有一个3块元素的列表，这些元素应该定期堆叠。堆栈中的第二个元素是box元素，我对它使用了
display: -moz-box;
-moz-box-orient: horizontal;
问题出在这个box元素中，因为它在自己的顶部添加了一个奇怪的不想要的边距。你可以通过下面的链接查看它。
更正Chrome中的行为：
Firefox/Aurora中的错误行为：
是什么导致了这种情况？Chrome的表现很好，而Firefox (发布频道)和Aurora就有这个问题。
浏览 0提问于2012-09-21得票数 0
回答已采纳
在变焦会议或信使会议中，每个参与者的视频容器动态获取高度和宽度。考虑到下面的图片，假设蓝色框是主要的容器-如果只有一个参与者，我需要给他/她(视频播放器1)的全部宽度和高度。
如果有两个参与者，他们采取高度和宽度类似于pic-2，如果有三个参与者，他们采取高度和宽度类似于pic-3等等。
是否有任何方法来做到这只使用css？或者说有图书馆可以这样做？
我的场景：假设我是一名老师。有10名学生报名参加我的课。当我开始视频会议，在学生的看法-我创建3x3网格。但是当有人参加那个会议时，我想根据主容器给他/她全部的宽度和高度，因为他/她是唯一的参与者。其他参与者的网格将保留在没有加入的容器上。如果我
浏览 2提问于2020-06-22得票数 2
我有一个小问题，我找不到解决的办法，这让我很沮丧。我提供了一个链接到我的CodePen，你可以在那里检查代码。问题是，一旦单击h2标记并显示隐藏的内容，它就会向上移动一点。我希望它留在原地，隐藏的内容占据下面的空间，而不是将h2标签向上移动几个像素。 //Toggle hidden text on/off
function toggleContent(event) {
if (event.target && event.target.className === "event-trigger") {
var x = event.target.ne
浏览 22提问于2021-01-12得票数 0
回答已采纳
我想把固定维按钮集中在一个布局，以便他们自动转到下一行时，他们是太多。但我知道这种行为不适用于LinearLayout。
你知道我该怎么做吗？
以下是我想要的行为：
浏览 2提问于2014-04-19得票数 9
回答已采纳
2回答
最近，我遇到了一个教程，教员在其中使用了以下语法：
display: -webkit-box;
@ 2:30 (2012年8月创建)
我以前没看过这个，开始尝试找一些关于它的信息。CSS3似乎有一种叫做柔性盒的东西。但我找不到上述语法的引用。
在本教程(2011年9月)之前一年编写的本文中，他们使用了以下语法：
display: box;
上面提到的盒子将被柔性盒取代。
我仍然不知道柔性盒或盒子的好处是什么。我没看到有人在用它。有人能给出一个基本的总结吗？
另外，为什么本教程使用-webkit-box？盒子webkit具体吗？他为什么不用
展示:盒子；
webkit-box是否意味着它只适用
浏览 7提问于2013-05-20得票数 15
回答已采纳
2回答
我正在学习CSS，我看到了一些我不理解的东西。我基本上是在做以下事情：
.flexbox {
display: flex;
}
div.flexbox::after {
display: block;
content: "X";
}
.item {
flex: 1;
height: 200px;
}
.red {
background-color: red;
}
.blue {
background-color: blue;
}
.green {
background-color: green;
}
<div class=&#
浏览 18提问于2018-08-21得票数 1
回答已采纳
我想阻止在您单击它时打开和关闭它的子菜单项。有没有一种方法可以在不将其设置为disabled的情况下完成此操作？(这会影响按钮的外观)我本质上希望SubMenu看起来是一样的，而不是切换其子元素的功能。
浏览 55提问于2019-08-05得票数 3
回答已采纳
3回答
这是我的HTML： <header className="parent__section" id="header-section-hero">
<a href="https://somewebsite.com"><div className="github-icon"><FaGithub className="github-text"/></div></a>
<a href="https://someotherw
浏览 14提问于2021-08-29得票数 0
2回答
如何从function (e)中获得父母的内容，即#message和#date
JQuery
$(document).ready(function () {
$(document).on('click', '#quote', function (e) {
// How to get here content of #message, #date of that div where Quote was clicked?
// Example "PostNumber 751883","7/31/2009 12:00:00
浏览 4提问于2020-04-23得票数 0
回答已采纳
1回答
我必须为IE11编写一些网格备份。
我想把第4项放在右下角，这样第1项就可以一直延伸到底部？
我认为用柔性盒是不可能的，对吗？：
<div class="flexContainer">
<div class="item">Item 1</div>
<div class="item">Item 2</div>
<div class="item">Item 3</div>
<div class="item"
浏览 0提问于2018-06-25得票数 0
回答已采纳
我正在使用flex属性作为我的自定义区块引号，下面是演示：
当我在其中使用纯文本时，一切都很好。但当我加上或
布局不是很好:)我通过使用display: block做了一个临时修复，但是在伪元素没有垂直对齐之前，我的图标是：，我需要这个图标位于中间
blockquote {
display:flex;
}
在过去的两天里试图解决这个问题
浏览 2提问于2014-07-10得票数 0
回答已采纳
嗨，我正在制作一个图书网站，我试图使用href添加一个超链接，但它出现在同一行，有什么方法可以让它显示在不同的行吗？here is how it shows up right now const petsData = [{
name: "Story Book",
species: "Jean Lumier",
favFoods: ["wet food", "dry food", "<strong>any</strong> food"],
birthYear: 2016,
浏览 8提问于2020-11-10得票数 0
回答已采纳
在下面的HTML/CSS页面中，我试图让一个链接和一个按钮看起来一样。原因是所使用的元素应该遵循其含义(去某地而不是做某事)，而外观和感觉取决于对用户来说看起来好的东西。
*,
:after,
:before {
box-sizing: inherit
}
.button {
margin: 0px;
width: 100px;
inline-size: 100px;
padding: 20px;
color: black;
text-decoration: none;
font-family: sans-serif;
align-items: n
浏览 0提问于2020-11-10得票数 2
我有一个脚注标签(在main标签内的body标签之后)：
footer {
text-align: center;
position: fixed;
width: 100%;
background-color: #d9efef;
height: auto;
bottom: 0;
}
<body>
<main>
short html content
</main>
</body>
<footer>
<p>
Some Text (large
浏览 23提问于2021-05-21得票数 1
回答已采纳
对于我想要做的布局的一部分，我想使用三个div，所有这些都在彼此之间浮动。左和右有一个最大宽度集，这很好，但我希望中间的div扩大它的宽度，以填补剩余的空间。为了澄清，左和右div的宽度可以从0 0px到最大宽度，这取决于每个div的宽度，我希望中间div扩展其宽度，这样它就占用了两边div没有使用的剩余空间。
现在的问题是，如果中间div中有很多内容，那么它正在扩展并将右div推到下一行，而不是与其他两行保持一致。
下面是我到目前为止拥有的css：
#left-column {
width: auto;
max-width: 200px;
height: auto;
float: l
浏览 6提问于2010-11-09得票数 12
回答已采纳
1回答
我试图设计一个避免代码重复的页面。
基本上，我有一个页面，左边有一个过滤器组件，右边有一个摘要标题。
在移动设备上，过滤器组件位于摘要标头中。
使用display属性我可以做到这一点，但不希望像下面的代码那样复制html。
<!DOCTYPE html>
<html lang='en'>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css&#
浏览 4提问于2021-01-21得票数 0
所以我试着在一个网站上工作，但是在firefox和IE上，有3张图片的最后一部分有水平溢出，而在Chrome上没有。我将article区域划分为一个flexbox，所以我认为它可以处理溢出并调整大小以适应它，这似乎是chrome做的，但firefox和IE不做？我遇到问题的最后一个部分是.other。下面是我的css设置初始布局以及与.other部分和article部分相关的css：
body {
display: flex;
flex-direction: column;
width: 100%;
}
main {
display: flex;
flex-directio
浏览 4提问于2015-11-06得票数 1
1回答
我正在为一家公司做一个内部网站。
我们必须使用Internet explorer。
我正在使用SCSS来实现这一点。
这在大多数情况下都工作得很好，除非我想使用flexbox
SCSS更改
.container{
display: flex;
}
至
.container{
display: grid;
}
我怎么才能告诉它停止这样做呢？
浏览 2提问于2020-01-30得票数 0
HTML
<div id="flexbox-container">
<h1 id="test1">test1</h1><h1 id="test2">test2</h1><h1 id="test3">test3</h1>
</div>
CSS
#flexbox-container {
display:inline-flex;
}
#test1 {
float:left;
}
#test2
浏览 11提问于2022-03-15得票数 3
1回答
我在边上做了一些内容，这些内容应该是重叠的，但不会超过页脚，比如页面应该更长，所以可以说哪一个不是。我真的不知道怎么说，但我希望侧面板/最近的新闻被拖下来，然后当recent-news结束时，页脚在右下角。
我的HTML代码
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" con
浏览 0提问于2020-11-24得票数 0
给定HTML的下列结构：
<div class="column">
<div class="cell"></div>
<div class="cell">text</div>
<div class="cell"></div>
</div>
<div class="column">
<div class="cell"></div>
<div cl
浏览 3提问于2015-08-03得票数 2
我有一个div容器，在这里我想放一个居中的图像和一个小的描述在右边。规格如下：
图像的底部边缘应为35 of。
图像应该始终在屏幕上完全显示，因此当屏幕显示时它会调整大小。它应该有尽可能大的大小，但不要被裁剪，永远不要使用滚动条。
图像应该相对于容器居中，文本显示在右边的边缘。
文本应该水平地左对齐，中心垂直对齐，并与图像有30 be的距离。
我尝试过在容器中使用table并使用div，但是找不到干净的解决方案。我可以给你看我按要求试过的不工作代码。
浏览 0提问于2013-06-28得票数 2
我目前正在做一个项目，我一直在使用flex
一切看起来都很好，但当您将视口缩小(大约1400px)时，您会看到列布局折叠。我怎样才能防止它们倒塌。我的css中没有媒体查询，所以不是因为媒体查询。
所有框的占位符：
#overview {
-webkit-box-flex: 4;
-moz-box-flex: 4;
-webkit-flex: 4;
-ms-flex: 4;
flex: 4;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
浏览 2提问于2014-11-28得票数 0
1回答
我想知道我是否应该开始使用flexbox进行网站/webapp的布局设计，而不是浮动div，等等。
但我得到的信息很复杂。在一个网站上，他们说flexbox现在是页面布局的“圣杯”：
然而，创建了css3 flex规范的Tab Atkins有一个名为“为什么flexboxes不适合页面布局”的页面
我看了一个关于这个的视频：
所以我的结论是，他的意思是它不应该用于复杂的页面布局。而显示:网格会更适合。然而，网格可能还需要几年的时间才能覆盖所有流行的浏览器。
所以我的问题是，到目前为止，在创建页面布局方面，flexbox是否比当前的解决方案(div浮动、display:table-cell、in
浏览 1提问于2014-12-04得票数 5
我正在尝试允许我的网站上的一个按钮提供一个链接。到目前为止，它可以使用<link to "...">标记来实现。
然而，我也需要我的按钮粘在列的底部。我已经在代码中完成了这一点，但是当我将我的按钮嵌套在<Link>标记中时，按钮不再粘在底部。因此，<Link>标记会阻止按钮工作。
<div className="col-12 col-lg-6 text-left">
<div className="d-flex flex-column h-100">
<Li
浏览 0提问于2019-03-30得票数 0
3回答
我正在尝试将我的内容div居中。它被设置为100%，div包含在body中，body也被设置为100%。我有一个max-width: 1400px，因为如果屏幕分辨率更高，我不希望我的内容延伸超过1400px。问题是，它不能使用margin: auto。我的内容站在左边，屏幕上没有输入超过1400px的内容。
如果我删除最大宽度，所有内容都会在宽屏幕上完美地居中，但内容会延伸到整个屏幕上……
#content {
width: 100%;
height: auto;
position: absolute;
top: 400px;
margin: 0 auto;
margin-top: 50px
浏览 1提问于2013-06-21得票数 3
回答已采纳
1回答
我有一个三柱式的伸缩箱。在每一列中，我想要一个按钮锚定在列的左下角。经过大量的研究和试验，我似乎无法做到这一点--当在不同的屏幕宽度下查看时，按钮总是在列中上下移动。我尝试将按钮包含在文本部分中，并将按钮设置在列中它自己的div中。很重要的一点是，所有屏幕宽度上的列保持相同的高度，这是通过下面的CSS实现的。有人能帮助解决这个问题吗？
.flexbox {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.flexbox .col {
flex: 1;
m
浏览 0提问于2017-03-04得票数 1
我在两个不同的网站(和)上看到，Flexbox不应该用于大规模布局。为什么会看到它在Bootstrap V4中作为网格系统实现，以及其他Flexbox库？
浏览 0提问于2017-01-04得票数 1
第一个链接是flexbox 2009型号：
<div style="display:-webkit-box;height:100%">
<div style="background:#f00;width:50px">
</div>
<div style="display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center;background:#0f0;-webkit-box-flex:1;overflow-Y:scroll">
浏览 2提问于2013-04-21得票数 6
回答已采纳
我有两个对象incs和exps，每个对象都有属性：desc、amount和id。我想以列表的形式显示容器中每个对象的详细信息，这两个容器是并排的。我是这样做的
const Details = props => {
return (
<div className={styles.container}>
<div className={styles.detailsItem}>
<ul>
{props.balance.incs.map(inc => (
<Deta
浏览 0提问于2019-10-20得票数 0
1回答
有没有可能让这种网格响应呢？请参见下图。
我已经尝试使所有的块与位置绝对，但当我试图使它响应它不起作用…
我更愿意提到的是，样式将由php脚本动态编写。
<img class="responsive" src="01.png"style="position:absolute;">
<img class="responsive" src="02.png" style="position:absolute;margin-left: 168px;">
任何帮助都将不胜感
浏览 0提问于2016-04-27得票数 0
使用两列flexbox布局，如何使不同大小的子项填充所有可用空间，而不是使所有子项具有行中最高的子项的高度？
我在上设置了一个演示来说明这个问题。我希望所有的孩子都和他们包装的东西一样大。
#container {
width: 800px;
display: flex;
flex-wrap: wrap;
}
.cell {
width: 300px;
flex; 1 auto;
}
<div id="container">
<div class="cell">
Cells with arbitrarily l
浏览 0提问于2014-01-08得票数 49
回答已采纳
目前我有以下内容： ? 我希望可折叠的卡片在文本和图标下居中。我该怎么做呢？我试过在div上使用CSS，但是他们的位置似乎没有什么变化？ 到目前为止，我的代码如下： <div class="categoryList">
@result
@if (result == "")
{
foreach (String dataLine in userData)
{
<p>
浏览 23提问于2020-04-17得票数 0
回答已采纳
1回答
css列响应设计
、、
我有所有具有指定未知高度的div元素。现在，我希望通过将它们放在1<=n<=4行中来创建响应性设计。
<div id="timeline">
<div class="entry" style="height: (any height e.g. 222px)">
<div class="background"></div>
<div class="image"></div>
浏览 2提问于2015-05-02得票数 2
2回答
我创建了一个带有头sap.m.table的headerToolbar。
在标题中，我将标题和两个SelectList用一个ToolbarSpacer隔开。
问题是，当屏幕大小很小时，headerToolbar上的元素不会返回到下一行，而是被截断.
在大屏幕上：
在小屏幕上：
我希望标题是响应的，也就是说，如果没有足够的空间，元素应该转到下一行。
以下是代码：
<headerToolbar height="auto">
<Toolbar height="auto">
<content>
浏览 3提问于2017-04-24得票数 0
回答已采纳
1回答
如何水平对齐两个短代码元素
、、、、
我有这个密码。我希望底部的两个元素"php echo do _shortcodewcas search-form，php do_action(hamzahshop_custom_min_cart)“在同一行上水平对齐，我对此非常陌生，也不知道该如何做，我已经搜索了整个平台，但仍然没有解决方案。
<?php
/**
* Displays Header
*
*/
?>
<div class="header-main hamzahshop-custom-header">
<div class="container&
浏览 0提问于2017-06-29得票数 0
回答已采纳
2回答
柔性盒中的顶部对齐文本
、、、
我已经创建了一个布局，其中有带有文本的按钮。
我想要完成的是让柔性盒在IE上正常工作，并弄清楚如何使文本对齐在每一个文件的顶部。
我在没有运气的情况下尝试了vertical-align: top;：
文本在顶部对齐
.flexbox {
width: 100%;
table-layout: fixed;
}
.flexbox tr {
display: flex;
}
.flexbox tr td {
flex: 1;
display: flex;
}
button {
flex: 1;
}
<table class=flexbox>
<
浏览 5提问于2015-12-02得票数 1
回答已采纳
2回答
我有以下代码。它的设置使得图像具有响应性(随窗口大小缩放)，并且水平和垂直位置居中。它工作得很好，直到我想要添加几个图像堆叠在一起，作为幻灯片播放(淡入，淡出)。我必须将img标签定位为“绝对”。很明显，这导致了父div的崩溃。基本上，我想要一种替代方法，在不使用绝对定位的情况下将图像堆叠在彼此的顶部。
<div class="container">
<div class="main-picture-wrapper">
<div class="main-pictur
浏览 3提问于2017-03-27得票数 1
2回答
我有一个用Gatsby版本2制作的页面，我想在一个flexbox容器中用gatsby-image制作组件。当我删除display: flex;属性时，图像就会出现，当容器是flex容器时，图像就会消失。
当我在开发工具中查看Gatsby应用的CSS样式时，我尝试逐个取消选择属性。当我取消选择position: absolute;属性时，图像会出现，但它的大小或位置不正确。
我还尝试在容器上设置flex-direction: column;，这会使两个图像中的第二个图像出现。但是，我更希望这个值是row。
在图像上设置overflow: visible !important;未使图像显示。
im
浏览 40提问于2019-07-08得票数 12
回答已采纳
假设我有一个简单的浮动网格，用susy (或其他任何东西)制作。如何将其中一列的内容粘贴到该列的底部？
我尝试了verticle-align、align-items和其他组合，但没有成功。因为它是用浮点数制作的，所以每当我把flexbox放在它上面的时候，它就会终止我的按钮的布局，因为它们有一个浮动在右边的图标。
有哪些正确的方法可以做到这一点呢？这是我的HTML：
<div class="col s2 action-buttons_container">
<button class="btn waves-effect waves-light ac
浏览 5提问于2016-10-07得票数 0
我在玩Bootstrap 4 (alpha 6)，我喜欢到目前为止看到的东西。我遇到的一个问题是，如何制作一个带有复选框/收音机的btn-group，一旦它对页面太宽，它就会移动到第二行。举个例子：
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-secondary">
<input type="checkbox" name="foo" class="check
浏览 3提问于2017-02-07得票数 6
回答已采纳
我的代码都是用default.html编写的，html是：
<div id="content">
<div class="group" id="left">
<div>Left_1</div>
<div>Left_2</div>
<div>Left_3</div>
<div>Left_4</div>
&
浏览 0提问于2012-08-29得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
