Bootstrap3背景图片不适合div

Question

我有一个小问题白色背景图片，我想把它作为我的中央div的背景，见图：

图片需要适合div，所以文字可以显示在图像的中心，这是一个简单的东西，但由于某种原因我的图像不适合div，有人可以解释发生了什么，并告诉我如何克服此

背景图片代码：

.central_text{
    width:50%;
    height:50%;
    background: url(../img/circle/new11.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

以下是此图片的jsfiddle工作示例。

我使用了background:url(../img/circle/new11.png) center center no-repeat;，这将使我的图像居中，但只显示其中的一部分而不是整个图像。所以我得到了这个：

我想这样做：

Answer 1

参见示例：fiddle

CSS：

 PRODUCT_NAME: [:]