Css col-xs-6引导程序堆叠为col-xs-12
我在Wordpress中使用Bootstrap3.0，我的列在第二行中不起作用。我希望它们显示为同一行中的两个div。相反，它们堆积如山，我似乎不知道我错在哪里。我刚刚开始使用我的标题中的内部样式来调整我的网格和布局 我使用MAMP和Chrome在本地主机上运行这个。任何帮助都将不胜感激 以下是迄今为止的代码： index.phpCss col-xs-6引导程序堆叠为col-xs-12,css,wordpress,twitter-bootstrap,Css,Wordpress,Twitter Bootstrap,我在Wordpress中使用Bootstrap3.0，我的列在第二行中不起作用。我希望它们显示为同一行中的两个div。相反，它们堆积如山，我似乎不知道我错在哪里。我刚刚开始使用我的标题中的内部样式来调整我的网格和布局 我使用MAMP和Chrome在本地主机上运行这个。任何帮助都将不胜感激 以下是迄今为止的代码： index.php <!doctype html> <html lang="en"> <head> <meta charse
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bootstrap and WP</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="bootstrap.css" rel="stylesheet" media="screen">
<style>
.col-xs-12 {
height: 50px;
background-color: blue;
color: white;
text-align: center;
border: 1px solid black;
}
.col-xs-6 {
height: 50px;
background-color: yellow;
color: black;
border: 1px solid black;
text-align: center;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-xs-12">.col-xs-12</div>
</div>
<div class="row">
<div class="col-xs-6">.col-xs-6</div>
<div class="col-xs-6">.col-xs-6</div>
</div>
</div>
</body>
</html>
Bootstrap与WP
.col-xs-12{
高度：50px；
背景颜色：蓝色；
颜色：白色；
文本对齐：居中；
边框：1px纯黑；
}
.col-xs-6{
高度：50px；
背景颜色：黄色；
颜色：黑色；
边框：1px纯黑；
文本对齐：居中；
}
.col-xs-12
.col-xs-6
.col-xs-6
.col-xs-5、.col-xs-12、.col-xs-7.col-xs-5、.col-xs-6、.col-xs-7