javascript

java

python

c#

android

c++

node.js

php

html

jquery

ios

reactjs

css

.net

git

ruby-on-rails

sql

c

ruby

string

javascript-链接cli之后关闭Bootstrap下拉菜单

我在下面有一个引导程序下拉菜单。 它的链接已链接到kickout.js绑定,由于我不希望将#标记发送到浏览器URL,因此返回false。 但是,当我单击链接时,这样做并不会关闭下拉菜单。 反正这吗?

的HTML

<div class="btn-group">
    <button class="btn dropdown-toggle" data-toggle="dropdown" data-bind="enable: !noResults()"><i class="icon-download-alt" ></i> Export <span class="icon-caret-down"></span></button>

    <ul class="dropdown-menu">
        @foreach(var exportUrl in Model.ExportUrls)
        {
            <li>
                <a href="#" data-bind="disable: noResults(), download: { url: '@exportUrl.Value', data: data }"><img src="/Content/less/images/img/@(exportUrl.Key.ToString().ToLower()).png" alt="@exportUrl.Key.GetDisplayName()"/> @exportUrl.Key.GetDisplayName()</a>
            </li>
        }
    </ul>
</div>

Knockout.js绑定

ko.bindingHandlers.download = {
    init: function (element, valueAccessor) {

        var value = ko.utils.unwrapObservable(valueAccessor()),
            id = 'download-iframe-container',
            iframe;

        $(element).unbind('click').bind('click', function () {

            iframe = document.getElementById(id);

            if (!iframe) {
                iframe = document.createElement("iframe");
                iframe.id = id;
                iframe.style.display = "none";
            }

            if (value.data) {
                iframe.src = value.url + (value.url.indexOf('?') > 0 ? '&' : '?') + $.param(ko.mapping.toJS(value.data));
            } else {
                iframe.src = value.url;
            }

            document.body.appendChild(iframe);

            return false;
        });
    }
};
trans by 2020-07-03T04:00:25Z

Javascript-data-toggle属性如何工作? (它的API是什么?)

Bootstrap使用名为data-toggle的自定义属性。此功能的行为如何? 使用它是否需要Bootstrap的JavaScript库? 此外,还有哪些数据切换选项可用。 到目前为止,我算

  • 坍方
  • 标签
  • 首都
  • 落下

这些都做什么?

TLDR; 引导程序的自定义data-toggle属性的API是什么?

trans by 2020-07-03T01:30:17Z

Javascript-在i外部单击时隐藏Angular UI Bootstrap popover

我试图手动关闭自举弹出窗口,以使它在我不是弹出窗口的popover-trigger="focus"ng-click上的任意位置单击时关闭。

我发现最接近完成此操作的事情是创建一条指令(找到此答案),但这是用于手动触发的,如果变量为true或false。

如果我单击弹窗以外的任何东西,谁能帮助我找出如何关闭它?

我不介意使用jQuery popover-trigger="focus",我只是不知道如何调用关闭。

<div id="new_button" popover-template="plusButtonURL" popover-placement="right" popover-append-to-body="true" popover-animation="false">+</div>

通常popover-trigger="focus"可以解决问题,但是我的弹出窗口包含需要单击的内容。 我的弹出框内有一个ng-click,如果使用焦点触发器,则将其忽略,因此我正在寻找一种不太常规的方法来解决此问题。

trans by 2020-07-02T17:29:54Z

html-具有Bootstrap的Google Maps无响应

我正在使用引导程序,并且嵌入了Google Maps API 3。

height: auto没有响应; 这是固定宽度。

另外,如果我使用height: autowidth: auto,则地图不会显示在页面中。

为什么?

<style type="text/css">
  body {
    padding-top: 60px;
    padding-bottom: 40px;
  }
#map_canvas {
   height: 400px;
    width: auto;
  }
</style>

<div class="container">
 <div class="row">
  <div class="span6">
   <div id="map_canvas"></div>
  </div>
 </div>
</div>
trans by 2020-07-02T13:23:12Z

CSS-引导程序:如何折叠导航栏Earli

我想以比768像素(例如992像素)更早的分辨率折叠导航栏,该怎么办? 谢谢! (我知道我可以在bootstrap页面上对其进行自定义,但是我不想使用新的bootstrap.css文件重新开始我的项目)

trans by 2020-07-01T22:57:19Z

javascript-如何限制Bootstrap Datepicker中的可选日期范围?

我需要使用datepicker,它为我提供了限制可选日期的选项。 我们一直在使用jQuery UI,它使用minDate,maxDate选项来支持它。

$("#id_date").datepicker({minDate: +1, maxDate: '+1M +10D'}); 

最近,我们开始使用Twitter Bootstrap作为样式。 显然,Twitter Bootstrap与jQuery UI样式不兼容。 因此,我尝试使用[http://www.eyecon.ro/bootstrap-datepicker/。]上提供的与引导程序兼容的日期选择器之一。

不幸的是,上述插件的可配置性不如jQuery UI的datepicker。 谁能帮我限制新日期选择器中的可选日期范围。

trans by 2020-07-01T04:18:20Z

引导轮播全屏

我正在尝试使引导轮播中的图像显示为全屏,但无法弄清楚,我已经进行了一段时间了,并且完全卡住了。 现在我只有一张图片,但是一旦它起作用,我会添加更多图片...

<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Carousel Template &middot; Bootstrap</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="../assets/css/bootstrap.css" rel="stylesheet">
    <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
    <style>

    /* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */

    body {
      color: #5a5a5a;
      height: 100%;
      width: 100%;
      min-height: 100%;
    }



    /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

    /* Special class on .container surrounding .navbar, used for positioning it into place. */
    .navbar-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 10;
      margin-top: 20px;
    }
    .navbar-wrapper .navbar {

    }

    /* Remove border and change up box shadow for more contrast */
    .navbar .navbar-inner {
      border: 0;
      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
         -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
              box-shadow: 0 2px 10px rgba(0,0,0,.25);
    }

    /* Downsize the brand/project name a bit */
    .navbar .brand {
      padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
      font-size: 16px;
      font-weight: bold;
      text-shadow: 0 -1px 0 rgba(0,0,0,.5);
    }

    /* Navbar links: increase padding for taller navbar */
    .navbar .nav > li > a {
      padding: 15px 20px;
    }

    /* Offset the responsive button for proper vertical alignment */
    .navbar .btn-navbar {
      margin-top: 10px;
    }



    /* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */

    /* Carousel base class */
    .carousel {
      margin-bottom: 0px;
    }

    .carousel .container {
      position: relative;
      z-index: 9;
    }

    .carousel .item {
      height: 100%;
    }

    .carousel-inner {
      overflow:hidden;
      width: 100%;
      min-height: 100%;
      position:relative;
    }

    .carousel img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      min-height: 100%;
    }

    .carousel-caption {
      background-color: transparent;
      position: static;
      max-width: 550px;
      padding: 0 20px;
      margin-top: 200px;
    }
    .carousel-caption h1,
    .carousel-caption .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .carousel-caption .btn {
      margin-top: 10px;
    }


    /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) {

      .container.navbar-wrapper {
        margin-bottom: 0;
        width: auto;
      }
      .navbar-inner {
        border-radius: 0;
        margin: -20px 0;
      }

      .carousel img {
        width: auto;
        height: 500px;
      }

      .featurette {
        height: auto;
        padding: 0;
      }
      .featurette-image.pull-left,
      .featurette-image.pull-right {
        display: block;
        float: none;
        max-width: 40%;
        margin: 0 auto 20px;
      }
    }


    @media (max-width: 767px) {

      .navbar-inner {
        margin: -20px;
      }

      .carousel {
        margin-left: -20px;
        margin-right: -20px;
      }
      .carousel img {
        height: 300px;
      }
      .carousel-caption {
        width: 65%;
        padding: 0 70px;
        margin-top: 100px;
      }
      .carousel-caption h1 {
        font-size: 30px;
      }
      .carousel-caption .lead,
      .carousel-caption .btn {
        font-size: 18px;
      }

      .marketing .span4 + .span4 {
        margin-top: 40px;
      }

      .featurette-heading {
        font-size: 30px;
      }
      .featurette .lead {
        font-size: 18px;
        line-height: 1.5;
      }

    }
    </style>

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="../assets/js/html5shiv.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="../assets/ico/favicon.png">
  </head>

  <body>



    <!-- NAVBAR
    ================================================== -->
    <div class="navbar-wrapper">
      <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
      <div class="container">

        <div class="navbar navbar-inverse">
          <div class="navbar-inner">
            <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="brand" href="#">Treyca</a>
            <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
            <div class="nav-collapse collapse">
              <ul class="nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="fluid.html">Beta</a></li>
                <li><a href="#contact">Contact</a></li>
                <!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns -->
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                  <ul class="dropdown-menu">
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li class="divider"></li>
                    <li class="nav-header">Nav header</li>
                    <li><a href="#">Separated link</a></li>
                    <li><a href="#">One more separated link</a></li>
                  </ul>
                </li>
              </ul>
            </div><!--/.nav-collapse -->
          </div><!-- /.navbar-inner -->
        </div><!-- /.navbar -->

      </div> <!-- /.container -->
    </div><!-- /.navbar-wrapper -->



    <!-- Carousel
    ================================================== -->
    <div id="myCarousel" class="carousel slide">
      <div class="carousel-inner">
        <div class="item active">
          <img src="../assets/img/examples/Bar-1.jpg" alt="">
          <div class="container">
            <div class="carousel-caption">
              <h1>Example headline.</h1>
              <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
              <a class="btn btn-large btn-primary" href="#">Sign up today</a>
            </div>
          </div>
        </div>
      </div>
      <!-- FOOTER -->
      <footer>
        <p>&copy; 2013 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
      </footer>
    </div><!-- /.carousel -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="../assets/js/jquery.js"></script>
    <script src="../assets/js/bootstrap-transition.js"></script>
    <script src="../assets/js/bootstrap-alert.js"></script>
    <script src="../assets/js/bootstrap-modal.js"></script>
    <script src="../assets/js/bootstrap-dropdown.js"></script>
    <script src="../assets/js/bootstrap-scrollspy.js"></script>
    <script src="../assets/js/bootstrap-tab.js"></script>
    <script src="../assets/js/bootstrap-tooltip.js"></script>
    <script src="../assets/js/bootstrap-popover.js"></script>
    <script src="../assets/js/bootstrap-button.js"></script>
    <script src="../assets/js/bootstrap-collapse.js"></script>
    <script src="../assets/js/bootstrap-carousel.js"></script>
    <script src="../assets/js/bootstrap-typeahead.js"></script>
    <script>
      !function ($) {
        $(function(){
          // carousel demo
          $('#myCarousel').carousel()
        })
      }(window.jQuery)
    </script>
    <script src="../assets/js/holder/holder.js"></script>

    <style>
        body {
                background-color: black;
                color: #FFFFFF;
            }
    </style>
  </body>
</html>
trans by 2020-06-30T09:01:02Z

如何在Bootstrap中居中放置图像?

我正在努力仅使用Bootstrap的CSS类来集中图像。 我已经尝试了几件事。 一种是将Bootstrap CSS类mx-auto添加到img元素,但是它什么也不做。

感谢帮助。

<div class="container">
    <div class="row">
        <div class="col-4 mx-auto">
            <img class=""...> <!-- center this image within the column -->

            <form...>

            <p...>
            <p...>
            <p...>                
        </div>
    </div>
</div>
trans by 2020-06-27T04:57:22Z

javascript-仅停止关闭cli的一个下拉开关

我有一个按钮下拉菜单(只是一个按钮,不是全部),我想在其中有几个输入字段,人们可以在其中输入内容,而单击该按钮后隐藏下拉菜单就不会隐藏(但是,如果 您点击它的外部)。

我创建了一个jsfiddle:[http://jsfiddle.net/denislexic/8afrw/2/]

这是代码,它是基本的:

<div class="btn-group" style="margin-left:20px;">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    Action
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
      <li>Email<input type="text" place-holder="Type here" /></li>
      <li>Password<input type="text" place-holder="Type here" /></li>
  </ul>
</div>​

因此,基本上,我希望它不会在单击下拉菜单时关闭(而是在单击操作按钮或下拉菜单外部时关闭)。 到目前为止,我最好的猜测是在其中添加一个类并尝试执行一些JS,但我无法弄清楚。

谢谢你的帮助。

trans by 2020-06-26T09:26:25Z

CSS-如何更改Bootstrap的全局默认字体大小?

Bootstrap的全局默认字体大小为14px,行高为1.428。 如何更改其默认全局设置?

我是否必须在所有多个条目中更改bootstrap.min.css?

trans by 2020-06-26T08:34:11Z

javascript-动态创建Bootstrap CSS警报消息

我正在尝试使用Bootstrap CSS的jQuery插件动态创建警报消息。 我想创建和销毁某些事件的警报(例如AJAX成功/错误)。 这是我的代码的无效片段:

var alertVisible = false;
function fetchData() {
    function onDataReceived(stats) {
        if (alertVisible) {
            $(".alert-message").alert("close");
        }
        alertVisible = false;
        // Do stuff with data...
    }

    function onError() {
        $(".alert-message").alert();
        alertVisible = true;
    }

    $.ajax({
        dataType: 'json',
        success: onDataReceived,
        error: onError,
        cache: false
    });
};

这是相应的HTML:

<div class="row">
  <div class="alert-message error fade in hide span16" data-alert="alert">
    <a class="close" href="#">&times;</a>
    <p>Lost connection to server.</p>
  </div>
</div>

我的第一个问题是默认显示警报。 我可以通过使用hide类来解决此问题。 但是,如果关闭警报(通过单击关闭按钮),则创建新的断言将不再起作用(我猜想DOM元素已消失)。 您应该如何使用Bootstrap警报?

trans by 2020-06-26T08:19:29Z

html-如何在Bootstrap中的CSS3中使用响应式背景图片

我不想使用html标签。 这是我的CSS。 我正在使用bootstrap 3.0。

background:url('images/ip-box.png')no-repeat;
background-size:100%;
height: 140px;
display:block;
padding:0 !important;
margin:0;

在100%缩放时,可以。 但是,当我以180%左右的比例放大时,图像上下左右都比较短,我想要一些CSS技巧。

trans by 2020-06-26T07:57:21Z

html-Bootstrap行类包含margin-left和margin-right,这会产生问题

我正在使用Bootstrap''margin-left: -15px;'类将divs彼此对齐,效果很好,但

.row {
   margin-left: -15px;
   margin-right: -15px;
 }

我注意到的是,它指定margin-left和margin-right属性为-13px,因为我的内容向左移动。 所以我所做的是添加了另一个类,如下所示:

.row-no-margin {
   margin-left: 0px;
   margin-right: 0px;
} 

这解决了目的,但是我仍然想知道'margin-left: -15px;'是否有任何特定原因。 解决我的问题的最佳方法是什么?

trans by 2020-06-26T03:38:36Z

html-Twitter引导程序:Popover与Tooltip?

两者之间有什么区别? 在我看来,Popover就像一个较大的工具提示,带有较粗的边框。 在质量上有什么区别,还是仅仅是您希望它有多大胆?

trans by 2020-06-25T22:29:32Z

打字稿-如何在angular 2中使用bootstrap 4?

我正在构建一个用打字稿编写的angular 2应用程序。 它会结合使用bootstrap 4框架和一些自定义主题,这可能吗?

“ ng2-bootstrap” npm软件包不起作用,因为它不允许我使用bootstrap css类,而是提供了自定义组件。 ([http://github.com/valor-software/ng2-bootstrap)]

在我使用sass的angular 2项目中,是否可以从源代码构建bootstrap 4,因为它也使用sass进行样式设置?

trans by 2020-06-25T21:25:24Z

css3-使Bootstrap3图标旋转的问题

受Fontawesome的启发,我正在尝试使用bootstrap3制作一个旋转的图标。 通过CSS3过渡和转换很容易实现。 问题是图标不会围绕中心旋转。 旋转时摆动。

代码粘贴在下面。 有人知道导致问题的原因吗?

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
 <h1 class="text-center">
    <span class="glyphicon glyphicon-refresh spin"></span>
    <span class="glyphicon glyphicon-record spin"></span>
    </h1>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
 <h1 class="text-center">
    <span class="glyphicon glyphicon-refresh spin"></span>
    <span class="glyphicon glyphicon-record spin"></span>
    </h1>

trans by 2020-06-25T13:19:37Z

CSS-引用类/混合而不完全导入LESS fi

我正在将roots主题用于wordpress:[https://github.com/retlehs/roots/]

它已经带有预编译的bootstrap.css,建议您对任何自定义使用app.css。 由于我没有通过html或javascript将类添加到按钮的选项,因此,我想使用LESS源引用css类,例如,我想给提交按钮提供引导按钮样式:

input#submit{
.btn;
.btn-primary;
}

如果我使用@import 'bootstrap.less';,它将整个引导CSS添加到app.css中。 我如何只使用bootstrap.less作为编译参考?

trans by 2020-06-24T18:48:51Z

排列标签并在Twitter Bootstrap 2.0中只读文本

我有一个包含可编辑字段和只读字段的表单,我想使用Bootstrap设置样式。 如下图所示,可编辑字段正确对齐,但只读字段未对齐:

readonly field

我使用的HTML是:

<form class="form-horizontal">
<div class="control-group">
  <label class="control-label">Name</label>
  <div class="controls">
    John Smith
  </div>
</div>
<div class="control-group">
  <label class="control-label" for="date_of_birth">Date of Birth</label>
  <div class="controls">
    <input name="date_of_birth" id="date_of_birth" size="16" type="text" value="" />
    <span class="help-inline">dd/mm/yyyy</span>
  </div>
</div>
</form>

我不想显示无法编辑的字段的只读输入,因为用户在无法单击框时会感到困惑/沮丧,而这些字段是永远无法编辑的,因此无法编辑 将它们显示为禁用/只读真的没有任何意义。 我只希望显示文本并与标签正确对齐。 有没有办法通过在Bootstrap中使用某些内容或覆盖默认样式来做到这一点?

我的问题类似于此问题,但未得到任何答复(至少不是对原始问题的回答),并且由于Bootstrap在过去的7个月中发布了多个版本,因此我认为如果有任何更改,值得再次询问 。

trans by 2020-06-22T14:59:48Z

javascript-Twitter Bootstrap:打印模态风的内容

我正在使用Bootstrap开发一个站点,该站点具有28个模式窗口,其中包含有关不同产品的信息。 我希望能够在打开的模式窗口中打印信息。 每个窗口都有一个modal-footer

<!-- firecell panel & radio hub -->
           <div class="modal hide fade" id="fcpanelhub">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">X</button>
                <h3>5000 Control Panel & Radio Hub</h3>
              </div>
              <div class="modal-body">
                <img src="../site/img/firecell/firecell-panel-info-1.png" alt=""/><hr/>
                <img src="../site/img/firecell/firecell-panel-info-2.png" alt=""/><hr/>
                <img src="../site/img/firecell/firecell-radio-hub-info-1.png" alt=""/><hr/>
                <img src="../site/img/firecell/firecell-radio-hub-info-2.png" alt=""/>
              </div>
              <div class="modal-footer">
                <a href="#" class="btn" data-dismiss="modal">Close</a>
              </div>    
           </div>

因此,如果我在modal-footer中添加一个新按钮-'print',然后单击该按钮,则希望打印该模式。 我说对了会使用javascript吗? 如果是这样,我如何告诉javascript只打印开放模式,而不打印其他模式?

所有帮助表示赞赏。

trans by 2020-06-21T23:45:57Z

html5-使用内部带有twitter-bootstrap的表单的下拉菜单

我的TopBar中有一个Dropdown,它是使用Twitter Bootstrap CSS框架构建的。

我有3个问题,找不到以下解决方案:

  1. 文本和密码输入字段太大,如何调整它们? 使下拉框更大也可以。
  2. 字段的标签太暗,如何使它们变亮?
  3. 当我单击其中一个字段时,下拉菜单将关闭。 我必须重新打开它,然后才能键入直到单击下一个字段。 即使关闭下拉列表,也会保留这些值。 我如何使其保持打开状态?

这是问题1和2的屏幕截图:

Screenshot of my problems 1 and 2

另外,这里是TopBar的HTML。

<div class='topbar-wrapper'>
  <div class='topbar'>
    <div class='topbar-inner'>
      <div class='container'>
        <h3>
          <a href="/">Webworld</a>
        </h3>
        <ul class='nav'>
          <li>FILLER...</li>
        </ul>
        <ul class='nav secondary-nav'>
          <li class='dropdown' data-dropdown='dropdown'>
            <a href="#" class="dropdown-toggle">Login</a>
            <div class='dropdown-menu' id='signin-dropdown'>
              <form accept-charset="UTF-8" action="/sessions" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="4L/A2ZMYkhTD3IiNDMTuB/fhPRvyCNGEsaZocUUpw40=" /></div>
                <fieldset class='textbox'>
                  <label id='js-username'>
                    <span>Username</span>
                    <input autocomplete="on" id="username" name="username" type="text" />
                  </label>
                  <label id='password'>
                    <span>Passwort</span>
                    <input id="userpassword" name="userpassword" type="password" />
                  </label>
                </fieldset>
                <fieldset class='subchk'>
                  <input name="commit" type="submit" value="Log In" />
                </fieldset>
              </form>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>

铁轨需要隐藏的输入并自动生成。

我已经尝试过复制twitter使用的登录表单的实现,但是当我尝试这样做时,TopBar的高度约为250px,下拉菜单的内容是打开的,而不是可关闭的。

到目前为止,我没有自定义CSS或JavaScript,除了bootstrap文档建议的正文顶部40px填充。

有人可以帮我弄这个吗?

trans by 2020-06-21T21:00:40Z

上一页 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 下一页 共27页