HTML   发布时间:2022-04-15  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html – 我们在bootstrap中有任何Group框大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
在我的一个应用程序中,我们需要一个类似于功能的组合框,如下图所示,我们正在使用Twitter Bootstrap 3 css.我已经搜索过Bootstrap 3中是否有任何类似的功能,但找不到任何功能,我不知道我是否遗漏了任何功能,因为我已经创建了自己的css来创建这样的结构,但似乎没那么好.

任何人都可以在Bootstrap 3中告诉我任何这样的组件

CSS

table {
    border-collapse:separate;
    border:solid #2e6da4 1px;
    border-radius:6px;
    -moz-border-radius:6px;
}

td,th {

    border-left:solid #2e6da4 1px;
    border-top:solid #2e6da4 1px;
}

th {
    background-color: #337ab7;
    border-top: none;
}

td:first-child {
     border-left: none;
}

JSFiddle

解决方法

您可以尝试使用bootstrap: Demo中的面板

HTML:

<div class="panel panel-default">
  <div class="panel-heading">Panel heading without title</div>
  <div class="panel-body">
    Panel content blah <br/>blah <br/>blah <br/>blah <br/>blah <br/>blah <br/>blah <br/>blah <br/>blah <br/>blahblah <br/>blah <br/>blah <br/>blah <br/>blah <br/>blah <br/>blah <br/>blah <br/>blah <br/>blah
  </div>
</div>

是的你可以:Demo

使用panel-primary为蓝色.欲了解更多信息Reference Link

<div class="panel panel-default">...</div>
<div class="panel panel-primary">...</div>
<div class="panel panel-success">...</div>
<div class="panel panel-info">...</div>
<div class="panel panel-warning">...</div>
<div class="panel panel-danger">...</div>

大佬总结

以上是大佬教程为你收集整理的html – 我们在bootstrap中有任何Group框全部内容,希望文章能够帮你解决html – 我们在bootstrap中有任何Group框所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: