更改Bootstrap布局装订线的宽度

Question

我正在尝试更改它，但它不起作用，这是我的相关代码： 式：

.row.no-gutters {
            margin-right: 0;
            margin-left: 0;
        }
        .row.no-gutters > [class^="col-"],
        .row.no-gutters > [class*=" col-"] {
            padding-right: 0;
            padding-left: 0;
        }

HTML：

<div class="row no-gutters">
                                <div class="col-sm-2">
                                    <span>
                                        Case Number
                                    </span>
                                </div>                                    
                                <div class="col-sm-2" vcenter>
                                    <input class="easyui-textbox" readonly ng-model="caseid"
                                        style="width:60px;height:32px;background-color:#72A4D2">
                                </div>
</div>

知道我做错了什么吗？

由于

添加小提琴 Fiddle

另一个截图：