引导3格，设置1个大小为所有显示器

在引导v3中，列大小时，宣布针对不同屏幕尺寸..引导3格，设置1个大小为所有显示器

<div class='container'> 
    <div class='row'> 
     <div class='col-md-6 col-lg-6 col-sm-6'>

我经常发现自己只是需要1米大小的所有显示类型..我认为这会是这样的

 <div class='col-6'>

其中无论用户是在什么显示尺寸，只要保持电网系统的列6/12的宽度。但是这似乎并没有工作。我错过了什么？

来源

2014-01-31 BrownChiLD

你的第二个问题应该是一个新的问题，而不是附加在这里（我现在编辑它） –

你试试吧：<div class="col-md-6">？因为我认为bootstrap中没有class-col-6。

来源

2014-01-31 14:50:12 AndreFontaine

前缀xs/sm/md/lg位于至少一个断点处，元素捕捉到全宽。你可以看到这里的断点：http://getbootstrap.com/css/#grid

/* Extra small devices (phones, less than 768px) */ 
/* No media query since this is the default in Bootstrap */ 

/* Small devices (tablets, 768px and up) */ 
@media (min-width: @screen-sm-min) { ... } 

/* Medium devices (desktops, 992px and up) */ 
@media (min-width: @screen-md-min) { ... } 

/* Large devices (large desktops, 1200px and up) */ 
@media (min-width: @screen-lg-min) { ... }

所以，你应该能够使用COL-XM-6，因为它没有断点，或者你可以让自己的类，它有50％的宽度。

来源

2014-01-31 15:22:51 ThatsRight

我没有测试过，所以它可能是错误的。我记得col-lg-8有问题，但是当屏幕变为中等时，它全部改变了。将课程更改为col-md-8然后适用于两者。

使用该逻辑，尝试将类设置为您想要的最小值，然后看它向上继承。

来源

2014-02-09 21:54:25 James

这些尺寸的正确答案是<div class='col-sm-6'>。正如其他答案所建议的那样，这将适用于比它大的一切。

还有第四个尺寸，但是，xs，所以使用<div class='col-xs-6'>将适用于所有可能的大小。

来源

2014-07-16 18:12:05

引导3格，设置1个大小为所有显示器

回答

相关问题