标签: gutter

Bootstrap 3天沟尺寸

我刚刚开始使用bootstrap并且不确定如何实现我的目标.

我希望所有的阴沟都是平坦的,就像他们在这张图片中一样:

在此输入图像描述

默认情况下,它们看起来像这样,列之间的垂直排水沟(标有蓝色)是水平和外部排水沟的两倍:

在此输入图像描述

任何有关解决这个问题的最佳方法的帮助可能会受到赞赏.

gutter twitter-bootstrap twitter-bootstrap-3

30
推荐指数
3
解决办法
9万
查看次数

如何在Bootstrap 3网格系统中调整装订线?

新的Bootstrap 3网格系统非常棒.它在所有屏幕尺寸的响应式设计中功能更强大,嵌套更容易.

但我有一个我无法弄清楚的问题.如何在列之间添加精确的间隙?假设我有容器960px,310px的3列和3列之间的15px的2个gutters.我怎么做?

margin padding gutter grid-system twitter-bootstrap-3

28
推荐指数
2
解决办法
11万
查看次数

如何在Intellij中禁用gutter"覆盖"图标?

我似乎无法禁用Intellij的"覆盖"图标,如下所示:

排水沟图标

当我将鼠标悬停在小图标上时,此文本显示为工具提示:

在java.util.function.Consumer中实现方法'accept'
单击或按Ctrl + U进行导航

要重现,请使用此类:

class Foo implements Consumer<T> {

    @Override
    public void accept(T t) {
    }
}
Run Code Online (Sandbox Code Playgroud)

它们非常烦人,对我来说绝对毫无用处(这不是@Override注释的用途吗?),除了阻止我使用鼠标设置断点(尽管我可以使用精细运动技能).

我已经关闭了所有的选项设置>通用>天沟图标,这有趣/显著并没有包括"工具"选项,但上面的烦恼依然存在.

我怎么能把它们关掉?

我正在使用最新的Intellij - 版本2016.1

configuration icons intellij-idea gutter

11
推荐指数
1
解决办法
1082
查看次数

Bootstrap Grid列之间的边界不起作用

我在bootstrap中创建了一个页面,我在一行中使用了4个cols.代码:

<div class="row text-center">
    <div class="col-md-3"> </div>
    <div class="col-md-3"> </div>
    <div class="col-md-3"> </div>
    <div class="col-md-3"> </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我为每个col添加了一个类,所以每个都可以有一个边框.

.cliente {
    margin-top:10px;
    border: #cdcdcd medium solid;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
Run Code Online (Sandbox Code Playgroud)

问题是边界应该由自举网格的天然沟槽分开,而且不起作用.

请问你能帮帮我吗?谢谢.

border gutter twitter-bootstrap

10
推荐指数
2
解决办法
7万
查看次数

在Android Studio Gutter中启用代码覆盖率指示

当我与代码覆盖了Android工作室运行我的单元测试,并选择看到覆盖率工具栏的来源,我不能看到如图所示的编辑在阴沟里(边栏)的代码覆盖率信息在这里。没有有关装订线中的命中次数或颜色指示器的信息。

在此处输入图片说明 在此处输入图片说明

这就是我正在使用的:

Android Studio 3.2.1
Build#AI-181.5540.7.32.5056338,建于2018年10月9日
JRE:1.8.0_152-release-1136-b06 amd64
JVM:JetBrains sro
Linux 4.15.0-34的OpenJDK 64位服务器VM -通用

user-interface unit-testing gutter android-studio

7
推荐指数
1
解决办法
111
查看次数

砌体:从最后一栏中移除排水沟

一直在使用新版本的Masonry,它似乎工作得更顺畅,特别是对于我正在做的流畅/响应式构建.

然而,我遇到的一个问题是 - 我不知道如何移除.masonry容器最右侧的装订线,以便物品与边缘齐平.

这是codepen示例:http://codepen.io/iamkeir/pen/xlcBj

我可能会设置一个宽度并overflow:hidden裁掉最后一个差距,但并不理想.

同样,我尝试添加一个,padding-left: 1%但这会改变容器的宽度,因此百分比不再准确.

任何想法/提示将不胜感激!

fluid gutter jquery-masonry jquery-isotope responsive-design

6
推荐指数
2
解决办法
5639
查看次数

在Bootstrap 4中,如何根据断点更改内部$ grid-gutter-width?

我目前正在SCSS中使用Bootstrap4。

我只想更改智能手机上的内部$ grid-gutter-width。

根据_grid.scss

$grid-columns: 12 !default; $grid-gutter-width: 30px !default;

在引导站点上,可以说:

更新了网格大小,mixin和变量。网格装订线现在具有Sass贴图,因此您可以在每个断点处指定特定的装订线宽度。

我找不到地图以及如何完成。

sass gutter twitter-bootstrap bootstrap-4

5
推荐指数
3
解决办法
7294
查看次数

禁用有关 Sublime Text 上提交的 (GitGutter) 消息

Sublime Text 显示一条有关 git commit 的消息。它出现在源代码的中间,但不是源代码的一部分,这让我完全困惑。它就像一个注释,消息内容如下:

Commit author (a day ago) - Commit message
Run Code Online (Sandbox Code Playgroud)

请问,怎么去掉呢?

我很确定它来自 GitGutter 包(https://jisaacks.github.io/GitGutter/settings/),因为当我禁用该包进行查看时,它会停止出现。但找不到任何有关此功能的参考。

git plugins gutter sublimetext sublimetext3

4
推荐指数
1
解决办法
514
查看次数

带间距的 CSS flexbox 装订线

我正在尝试在 1 行上内联 3 个项目。每件物品都必须有一点空间。问题是当我添加边距时,第三个项目将换行。我已经尝试向父级添加负边距,但这不起作用。

我针对我的问题做了一个示例,该示例使用tailwindcss

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">

  <title>JS Bin</title>
</head>
<body>
<div class="flex flex-wrap -m-2">
  <div class="bg-red-500 w-1/3 p-4 m-2">
    test
  </div>  
  
   <div class="bg-red-500 w-1/3 p-4 m-2">
    test
  </div> 
  
   <div class="bg-red-500 w-1/3 p-4 m-2">
    test
  </div> 
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我无法删除,flex-wrap因为它必须每 3 个项目包装一次,而且我无法使用padding.

我怎样才能让它发挥作用?

html css gutter flexbox tailwind-css

4
推荐指数
1
解决办法
9215
查看次数

Code::Blocks - 如何在编辑器中显示装订线/垂直右边距线

如何在 Code::Blocks 的编辑器窗口中显示垂直右边距线(通常为 80 个字符)?

margin codeblocks gutter

3
推荐指数
1
解决办法
2738
查看次数