我创建了Windows应用程序.在这里,我在数据集中有多个表,现在我想将它绑定到单个DataGridView.有谁能够帮我?
我有我用语义 ui呈现的列表,它需要在第一个元素的顶部留出一些边距。我查看了 CSS 代码,我看到了margin-top:0!important,我可以为第一个元素覆盖它margin-top:10px!important;,然后渲染看起来不错。有没有更好的方法来实现它?我的代码(没有修复)是
<link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
<ul class="nav nav-tabs">
<li class="nav active"><a href="#A" data-toggle="tab">All</a>
</li>
<li class="nav"><a href="#B" data-toggle="tab">Company</a>
</li>
<li class="nav"><a href="#C" data-toggle="tab">Private</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane fade in active" id="A">
<div class="ui divided items">
<div class="item">
<div class="ui left floated">
7 July.
<br>3:33
</div>
<div class="image">
<a href="/vi/5022701123010560.html">
<img src="http://lh3.googleusercontent.com/JZkr-b_aWlYrFG1G-EUywZgucJE3JV1wgz4yQGrx-bGaw_va7dymsaTMXhK5t6ZkUdjWLeHlNaiksVNAMp8I1epB-Q=s150" title="Wordpress development company, website developer" alt="Wordpress …Run Code Online (Sandbox Code Playgroud)我在将绝对/固定元素的背景应用模糊时遇到了问题,因为它似乎不会模糊页面的主要内容,只会模糊绝对元素本身的内容.我目前的警报样式如下:
.alert-wrap {
position: fixed;
z-index: 10;
right: 0;
bottom: 0;
}
.alert-wrap .alert {
display: block;
background-color: rgba(215, 44, 44, 0.5);
margin: 0 15px 15px 0;
position: relative;
}
.alert-wrap .alert:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px);
filter: blur(10px);
}
Run Code Online (Sandbox Code Playgroud)
我希望这会模糊警报元素的背景,使其背后的主要内容看起来模糊(更多地关注元素本身),但是甚至没有找到任何确认存在这个问题的东西.
HTML文档流程如下:
<html>
<head>
<!-- Header Stuff Deleted -->
</head>
<body>
<div class='alert-wrap'>
<div class='alert'>
<div class='head'>
Notifications
</div>
<div …Run Code Online (Sandbox Code Playgroud) 我想切换red-background类,因此,当鼠标悬停在button-bullet,它改变了background-color到#FCC1C5.
我不想使用,.btn.button-bullet:hover因为我有一些jQuery逻辑,当屏幕上只有一个子弹元素时,禁止显示删除按钮.
出于某种原因,当我toggleClass("red-background"),没有任何东西出现.
我想可能是因为在CSS,我设定.btn.button-bullet的 background-color到transparent.所以,如果这是问题,我如何覆盖background-colorjQuery?
HTML
<div class="worksheet-problems">
<div class="row">
<div class="col-lg-7">
<div class="form-group">
<div class="input-group input-group-lg worksheet-problem">
<div class="input-group-btn">
<button type="button" class="btn btn-default button-bullet"> <span class="glyphicon glyphicon-one-fine-dot" aria-hidden="true"></span> </button>
</div>
<input type="text" name="Worksheet-Problem" class="form-control" placeholder="Problem..." aria-label="Write worksheet problem here">
<div class="input-group-btn">
<button type="button" class="btn btn-default button-add" aria-label="Add"> <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> </button>
</div>
</div>
</div> …Run Code Online (Sandbox Code Playgroud) 我的难题是:我正在尝试相对于列表的常规流进行绝对定位,因为我不知道在任何给定时间会有多少,但我的徽章<ul>取而代之的是元素的绝对位置。
我的代码:
.buttons {
-webkit-transform: translate(50%, -50%);
position: absolute;
top: 148px;
text-align: center;
right: 50%;
list-style: none;
margin: auto;
padding: 0;
}
.buttons li {
display: inline;
font-size: 36px;
margin: 5px;
}
.count {
z-index: 1;
position: absolute;
top: 2px;
right: 18px;
background-color: #d9534f;
}Run Code Online (Sandbox Code Playgroud)
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<ul class="buttons">
<li><span class="glyphicon glyphicon-edit"></span>
</li>
<li><span class="glyphicon glyphicon-pencil"></span>
</li>
<li><span class="glyphicon glyphicon-list"></span><span class="badge count">3</span>
</li>
<li><span class="glyphicon glyphicon-user"></span>
</li>
</ul>Run Code Online (Sandbox Code Playgroud)
这是一个 jsfiddle 链接:https ://jsfiddle.net/ag1vgnqt/2/
我正在使用 Bootstrap 折叠来创建第三级菜单。我正在向panel-active父级添加类more以less在 CSS 中更改为。问题是,当我打开时Item 2.1,panel-active类被添加到#test3(这是好的)AND #test2(这是坏的)。当我打开/隐藏时,Bootstrapshown.bs.collapse和hidden.bs.collapse事件似乎触发了两次,我Item 2.1不知道为什么会这样。
要重现该问题,请尝试隐藏Item 2.1.
$('.panel-collapse').on('shown.bs.collapse', function() {
$(this).parent().addClass('panel-active');
});
$('.panel-collapse').on('hidden.bs.collapse', function() {
$(this).parent().removeClass('panel-active');
});Run Code Online (Sandbox Code Playgroud)
.container {
margin-top: 50px;
}
.list-group-item.panel {
margin-bottom: 0;
}
.sidebar-submenu {
padding: 0;
list-style: none;
}
.sidebar-submenu a {
padding-left: 30px !important;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
display: block;
}
.sidebar-submenu .sidebar-submenu a {
padding-left: …Run Code Online (Sandbox Code Playgroud)我正在尝试在我的网站上创建一个表单,以便人们能够输入电话号码并提交表单。但是当我输入字母而不是数字时,它仍然被接受。我可以使用 Bootstrap 3 检查手机验证吗?
这是我的代码
<footer>
<hr>
<div class="container text-center">
<h3>Subscribe for special offer</h3>
<p>Enter your information</p>
<form action="" class="form-inline">
<div class="form-group">
<label for="name">Name</label>
<input type="text" class="form-control" id="name" placeholder="Name" required="required">
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" class="form-control" id="email" placeholder="Email" required="required">
</div>
<div class="form-group">
<label for="phone_no">Phone Number</label>
<input type="text" name="num" data-validation="number" data-validation-allowing="negative,number" input name="color" data-validation="number" datavalidation-ignore="$" required="required" class="form-control" id="phone_no" placeholder="Phone Number">
</div>
<button type="submit" class="btn btn-default">Subscribe</button>
<hr>
</form>
<!--End form-->
<hr>
</div>
<!--End Container-->
</footer>Run Code Online (Sandbox Code Playgroud)
我有一个下拉菜单,我想验证子菜单是否 hasClass in,然后为最接近的ul具有 class.menu添加 class in。这是我的代码,但它添加了所有ul具有类.menu而不是最接近的代码。
<script>
if($(".submenu").hasClass( "in" )) {
$(".submenu").closest(".menu").addClass("in");
}
</script>
Run Code Online (Sandbox Code Playgroud) 我想要达到的目标:
等高的列直接引导子项,因此列之间的间隙是可见的(Codepen 中的第一个解决方案,但它在 Safari (Mac) 上失败)。
或(如果可能的话)
等高的 Bootstrap 列之间有可见的间隙(如果我将背景颜色设置为col类 div - 由于填充,间隙不可见 - 您可以在 Codepen 中看到)。
我尝试过的:
h-100类 ( height: 100%)设置为列直接子项,但在 Safari 上失败(请参阅 StackOverflow 问题)。margins在coldiv上使用水平而不是padding但它打破了 Bootstrap 的网格系统。HTML:
<div class="container">
<h3>This is how it should work - fails on Safari (Mac)</h3>
<div class="row">
<div class="col-4">
<div class="inner h-100">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
</div>
<div class="col-4">
<div class="inner h-100">Inner</div> …Run Code Online (Sandbox Code Playgroud)