小编max*_*max的帖子

如何在Windows应用程序中将数据集绑定到DataGridView

我创建了Windows应用程序.在这里,我在数据集中有多个表,现在我想将它绑定到单个DataGridView.有谁能够帮我?

c#

17
推荐指数
2
解决办法
16万
查看次数

为第一个元素创建顶部边距的好方法

我有我用呈现的列表,它需要在第一个元素的顶部一些边距。我查看了 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)

html css semantic-ui

6
推荐指数
1
解决办法
1万
查看次数

使用CSS3模糊div后面的内容

我在将绝对/固定元素的背景应用模糊时遇到了问题,因为它似乎不会模糊页面的主要内容,只会模糊绝对元素本身的内容.我目前的警报样式如下:

.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)

css css3

5
推荐指数
2
解决办法
2万
查看次数

为什么不能在Bootstrap按钮上覆盖CSS背景颜色?

我想要发生什么

在此输入图像描述

实际发生了什么

在此输入图像描述

我想切换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)

css jquery twitter-bootstrap

5
推荐指数
1
解决办法
2129
查看次数

将引导徽章放在 &lt;ul&gt; 未知元素列表的 &lt;li&gt; 元素的右下角?

我的难题是:我正在尝试相对于列表的常规流进行绝对定位,因为我不知道在任何给定时间会有多少,但我的徽章<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/

html css twitter-bootstrap

4
推荐指数
1
解决办法
5478
查看次数

带有显示和隐藏事件的 Bootstrap 3 嵌套可折叠元素

我正在使用 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)

javascript jquery twitter-bootstrap

4
推荐指数
1
解决办法
1478
查看次数

电话号码验证 bootstrap3

我正在尝试在我的网站上创建一个表单,以便人们能够输入电话号码并提交表单。但是当我输入字母而不是数字时,它仍然被接受。我可以使用 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)

html twitter-bootstrap-3

2
推荐指数
2
解决办法
3万
查看次数

如何将Class添加到最近的元素

我有一个下拉菜单,我想验证子菜单是否 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)

html javascript ajax jquery

2
推荐指数
1
解决办法
5662
查看次数

如何在 Bootstrap 4 中获得等高的列子项?

我想要达到的目标:

  1. 等高的列直接引导子项,因此列之间的间隙是可见的(Codepen 中的第一个解决方案,但它在 Safari (Mac) 上失败)。

    或(如果可能的话)

  2. 等高的 Bootstrap 列之间有可见的间隙(如果我将背景颜色设置为col类 div - 由于填充,间隙不可见 - 您可以在 Codepen 中看到)。

我尝试过的:

  1. 将h-100类 ( height: 100%)设置为列直接子项,但在 Safari 上失败(请参阅 StackOverflow 问题)。
  2. 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)

html css flexbox twitter-bootstrap

1
推荐指数
1
解决办法
7583
查看次数