Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/ant/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 引导弹出按钮按下_Twitter Bootstrap - Fatal编程技术网

Twitter bootstrap 引导弹出按钮按下

Twitter bootstrap 引导弹出按钮按下,twitter-bootstrap,Twitter Bootstrap,我在我的图像上使用引导弹出框 当我点击图片时,它显示了popover,但由于某种原因按钮被按下 问题:如何使行中的按钮在bootstrap popover图像上内联显示,无论图像大小如何 代码笔示例 $(文档).ready(函数(){ var popupElement='OnOff'; $(“#图像”).popover({ 动画:没错, 内容:popupElement, html:对 }); }); 看法 形象 您可以在css上添加以下代码 .btn-group{display:

我在我的图像上使用引导弹出框

当我点击图片时,它显示了popover,但由于某种原因按钮被按下

问题:如何使行中的按钮在bootstrap popover图像上内联显示,无论图像大小如何

代码笔示例


$(文档).ready(函数(){
var popupElement='OnOff';
$(“#图像”).popover({
动画:没错,
内容:popupElement,
html:对
});
});   
看法


形象


您可以在css上添加以下代码

.btn-group{display: flex;}
或者有人知道吗

是笔的工作叉。我只是把它添加到CSS中。似乎popover缺少内联显示按钮的宽度:

.popover  {
  width: 110px;
}

另一种方法是向容器元素添加宽度。大概是这样的:

.btn-group {
  width: 100px; //sample value
}
我希望能在某种程度上有所帮助

.popover  {
  width: 110px;
}
.btn-group {
  width: 100px; //sample value
}