Javascript 列类中超出该类的引导面板
我试图在Javascript 列类中超出该类的引导面板,javascript,html,twitter-bootstrap,panel,Javascript,Html,Twitter Bootstrap,Panel,我试图在col-sm-6列中创建一个面板 有没有办法让面板标题和面板内容不出现在第1列 以下是我目前的代码： <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=de
col-sm-6<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-sm-6" style="background-color:lavender;">
.col-sm-6
<div class="container">
<h3>Panel Heading</h3>
<div class="panel panel-default">
<div class="panel-heading">Panel Heading
</div>
<div class="panel-body">Panel Content
</div>
</div>
</div>
</div>
<div class="col-sm-6" style="background-color:lavenderblush;">.col-sm-6</div>
</div>
</div>
</body>
</html>
将此代码用于车身：
.col-sm-6
小组标题
小组标题
面板内容
.col-sm-6
.col-sm-6
小组标题
小组标题
面板内容
.col-sm-6
行行行行.container{
position: absolute;
}