使用CSS弹出表格

时间:2015-03-06 10:17:11

标签: javascript jquery css3 twitter-bootstrap

我试图制作一个弹出式表格,当用户点击白色按钮时,它会出现在我拥有的最大div(右侧)旁边。但我有点想出怎么做的想法。有没有办法用bootstrap做到这一点?如果不是仍然任何tipps将不胜感激! https://jsfiddle.net/e97ut32r/

<div id ="a">
    <div id ="b"></div>
    <button></button>
</div>
#a {       
    border: 2px solid #a1a1a1;
    padding: 10px 40px; 
    background: #dddddd;
    width: 300px;
    height: 300px;
    border-radius: 25px;
}
#b {
    border: 2px solid #a1a1a1;
    padding: 20px 100px;
    background-color: white;
    width: 10%;
    height: 50%;
    border-radius: 25px;
    float: left;
    margin: 5px;
}
button{
    margin-left: 1cm;
    margin-top: 20%;
}

1 个答案:

答案 0 :(得分:0)

您可以使用模态,基本上是一个整体div,您可以放置​​任何类型的内容。

http://getbootstrap.com/javascript/#modals