在我的一个应用程序中,我们需要一个类似于功能的组合框,如下图所示,我们正在使用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; }
解决方法
您可以尝试使用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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。