Html 引导3列（隐藏空列）

我的网站上有html代码：

<div id="main" class="col-md-9 col-xs-12"></div>
<div id="right" class="col-md-3 col-xs-12"></div>

如果“md”大小为空，是否可以隐藏“right”列？并将“main”调整为col-md-12

---

thx

您可以使用Javascript测试标记是否为空，然后隐藏元素

function myfunc(){
  var rightDiv = document.getElementById("right").value;
  if(rightDiv == ""){
    rightDiv.style.visibility="hidden";
  }
}

window.onload=myfunc;

---

我发现了一个类似的问题：

通常，您会使用PHP（或特定的服务器端语言）逻辑来应用适当的引导类，具体取决于列中是否有内容。这可能不应该用CSS来完成

---

（您也可以使用JavaScript/jQuery）

也许，PHP是一种服务器端响应。例如，如果我单击X，那么表单告诉PHP我单击了X，然后PHP可以在

中呈现一个没有任何内容的新文档。。。但我怀疑这不是你想要的互动？