引导最小宽度网格 [英] Bootstrap minimum width grid
本文介绍了引导最小宽度网格的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
使用流式行设置使用twitter启动我有
Using twitter bootstrap using a fluid row setup I have
<div class="row-fluid">
<div class="span4">...</div>
<div class="span8">...</div>
</div>
我想要的是给第一个div(类span4)最小宽度为275px,布局第二。我试着只是添加 min-width:275px
但是这使得第二个div移动到下一行。是否有正确方法?
What I want is to give the first div (with class span4) a minimum width of 275px without upsetting the layout of the second. I've tried just adding min-width: 275px
but that makes the second div move to the next line. Is there a way to do this properly?
推荐答案
<div class="row-fluid">
<div class="span4" style="min-width: 275px">...</div>
<div class="span8">...</div>
</div>
为我工作。只有当第二个div小于屏幕空间的66%时,它才会将第二个div移动到新行。
Worked for me. It moves the second div to the new line only if the second div has less then ~66% of screen space.
http://jsfiddle.net/daniilr/DAw6p/embedded/result/ (获取代码)
这篇关于引导最小宽度网格的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文