在TwitterBootstrap中摆脱Gutter
在Twitter Bootstrap中摆脱Gutter的方法如下：
- 使用
overflow-x属性：
通过设置overflow-x为scroll或auto，可以使横向滚动条出现在视口之外，从而避免出现Gutter。
例如：
<div class="container">
<div class="content">
<!-- 内容 -->
</div>
</div>CSS代码：
.container {
overflow-x: scroll;
}- 使用
overflow-wrap属性：
overflow-wrap可以将溢出的内容换行，避免在容器中插入额外的行。
例如：
<div class="container">
<div class="content">
<!-- 内容 -->
</div>
</div>CSS代码：
.container {
white-space: nowrap;
}- 使用
flex布局：
使用flex布局可以更灵活地控制元素的排列和填充。
例如：
<div class="container">
<div class="content">
<!-- 内容 -->
</div>
</div>CSS代码：
.container {
display: flex;
flex-wrap: wrap;
}- 使用
grid布局：
使用grid布局可以更精确地控制元素的排列和填充。
例如：
<div class="container">
<div class="content">
<!-- 内容 -->
</div>
</div>CSS代码：
.container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-gap: 1rem;
}以上方法可以根据自己的需要选择使用，从而达到摆脱Gutter的目的。
相关·内容
我怎样才能摆脱IE的行号？我已经在IE中添加了gutter:false，但是行号被复制并粘贴到IE中(即使它没有显示)。
谢谢!
浏览 0提问于2011-05-06得票数 1
这是我的导航栏的源代码<div class="navbar navbar-inverse navbar-fixed-top"> </ul> </div></div>这是我的引
浏览 0提问于2013-08-22得票数 3
回答已采纳
在我的模板中，我使用了import语句：但是我得到了一个编译错误：
object twitterBootstrap is not a
浏览 1提问于2015-07-31得票数 1
1回答
然而，当我试图在我的实际网页中使用这段代码时，它并不像预期的那样工作。在我的实际网页中，滚动的表格单元格中的文本将位于粘性列的顶部(而在jsfiddle中，单元格文本将位于粘性列的后面--由背景色#fff隐藏)。
浏览 3提问于2022-02-02得票数 1
回答已采纳
在我的类星体项目中，我使用Q选项组组件.当我在dev tools中检查它时，它显示了一个默认添加了x-sm的类。因为这个类在div的右侧添加了额外的空白。所以我想摆脱这门课。我怎样才能做到这一点？color="primary" />它被表述为：
<div class="margin-none q-option-group q-gu
浏览 3提问于2021-08-04得票数 0
我正在Cakephp应用程序中实现身份验证。用户模型 'Form' => array('className' => 'TwitterBootstrap.BootstrapForm'),
'Paginator' => array('c
浏览 2提问于2012-11-05得票数 0
回答已采纳
我正在使用ServiceStack，但我不能购买付费版本的它，所以我不想看到更新的版本在我的包更新列表。我使用的是TwitterBootstrap，但是我们的主题与2.x版本的TwitterBootstrap兼容，所以我不想在包更新列表中看到3.x版本的引导。那么，如何防止Nuget包管理器中特定包的更新通知？
浏览 0提问于2014-04-28得票数 1
回答已采纳
我正在使用PlayFramwork和Java在一个web应用程序中工作。我试图在主视图中实现一个简单的表单，但在这个视图中，我添加了不同的模板。当我将参数传递给视图时，我遇到了一些问题。showUserView.scala.html /主视图的内容@import helper.twitterBootstrapuser("document"))
浏览 7提问于2012-10-26得票数 2
回答已采纳
我在一个twitterBootstrap basic响应式设计站点中实现了一个GoogleMapsV3地图。就像这个“在我的梦里CSS”我试着去掉了高度，设置为自动，以及所有的百分比--但只会让div在我身上崩溃。如果不可能，什么是最好的方式让我摆脱这一切？？(定时器，events...or之类的)
浏览 0提问于2012-06-28得票数 77
回答已采纳
也许我是疯了，但是有没有办法摆脱twitter bootstrap上的20px间隔呢？例如，我使用了使用alpha和omega的框架，它们覆盖了间隔:0px；我目前还没有在twitter引导程序文档中看到这样的内容。
浏览 0提问于2012-04-25得票数 11
我试图更改特定容器中的网格列计数和排水沟宽度。难道没有一个混合器能同时处理所有这一切吗？我很难看到一个在_grid.scss中运行所有的混合器- @include new-grid-system('@mixin new-grid-system($n
浏览 5提问于2014-07-23得票数 15
回答已采纳
在阅读文档时，Susy将其排水沟宽度作为列宽度的百分比。I有3列我正在使用分隔的排水沟位置。
浏览 2提问于2014-09-03得票数 0
我正在使用引导选项卡n创建一个嵌套选项卡，如何使用引导验证验证控件，因为它甚至不能在未嵌套的选项卡中工作：<!
浏览 0提问于2013-07-03得票数 0
1回答
我只能通过运行->切换断点来在intellij中设置断点，我不能使用间隔。当断点被设置时，我看不到它，但它就在那里，它被拾取并出现一个工具提示图标。
浏览 0提问于2016-10-21得票数 2
1回答
从现在开始，我正在使用新的XY-Grid，但我对“网格容器”类并不十分清楚。网格容器只是标志着基金会网格的最大宽度，对吗？<div class="grid-x grid-margin-x"> Content</div>
浏览 0提问于2020-03-18得票数 1
我已经下载了原始的无引导程序文件，并且在我的html文件中有以下代码，它们可以完美地工作：但我想这样做：在我的less文件中有： .col-md-04;}
找到的文件越少，因为下面的代码行可
浏览 1提问于2013-11-07得票数 1
引导程序的container类在两面都有垫子： padding-left: (@gutter / 2);}.make-row(@gutter: @grid-gutter-width) {
margin-left: (@gutter</em
浏览 2提问于2014-09-08得票数 5
回答已采纳
1回答
我似乎无法禁用IntelliJ的“覆盖”图标，这些图标如下所示：当我悬停在这个小图标上时，这个文本将显示为工具提示：
我怎么才能把它们关掉？
浏览 1提问于2016-01-01得票数 13
目前，我正在用Zend_Form构建自己的表单元素集，并希望我的自定义表单中的所有元素都能够使用我的自定义装饰器<?', 'Nuke/Form/Decorator/TwitterBootstrap/', 'decorator');
}
浏览 0提问于2012-01-26得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
