图像填充受Bootstrap影响

Question

在这里，当我将bootstrap.css添加到HTML时，我的左填充受到影响。

.column {
    -ms-flex: 50%; /* IE 10 */
    flex: 50%;
    padding: 0 4px;
}

.column img {
    margin-top: 12px;
    vertical-align: middle;
    border: 2px solid;
    width: 100%;
    color: #000;
}

一旦我在HTML中添加Bootstrap，我的左填充就会受到影响。

为什么会受到影响？