- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在创建一个在提交时充当计算器的表单。当我有一个打开页面的大(几乎全屏)窗口时,一切正常。但是,一旦我将窗口缩放到其大小的一半左右,表单域就不再是可选择或可编辑的对象。有谁知道为什么会这样?表格的代码发布在下面。如果您需要 CSS/Bootstrap 文件,我正在使用 Bootswatch superhero。
<div class="container">
<div class="page-header" id="banner">
<div class="row">
<div class="col-lg-8 col-md-7 col-sm-6">
<h1>Reagent Calculator</h1>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<form id="CalcI" onsubmit="return false">
<legend>Feed me your information</legend>
<div class="form-group col-md-4 col-xs-4">
<label for="number" pattern="\d*">Volume of DNA</label>
<input type="number" class="form-control" id="volumeDNA" placeholder="μl of DNA" step="any" autocomplete="off">
</div>
<div class="form-group col-xs-4 col-md-4">
<label for="number" pattern="\d*">Concentration</label>
<input type="number" class="form-control" id="concentration" placeholder="UNITS HERE" step="any" autocomplete="off">
</div>
<div class="form-group col-xs-4 col-md-4">
<label for="number" pattern="\d*">Base Pairs per Fragment</label>
<input type="number" class="form-control" id="BPperFrag" placeholder="BP/Frag DNA" step="any" autocomplete="off">
</div>
<div class="col-lg-12">
<button href="#" type="button" class="btn btn-danger" data-toggle="modal" data-target="#myModal">Clear</button>
<button type="submit" class="btn btn-success" onclick="Calculate_Pmole();">Calculate</button>
</div>
</form>
</div>
<div class="col-lg-4 col-lg-offset-1">
<!-- CALCULATOR OUTPUT HERE -->
</div>
</div>
最佳答案
你需要把三个 <div>
包裹起来s 包含 .row
中的可编辑字段,否则下面更大的 div 最终会覆盖它们。
本质上:
<div class="row">
<div class="form-group col-md-4 col-xs-4">
...
</div>
<div class="form-group col-xs-4 col-md-4">
...
</div>
<div class="form-group col-xs-4 col-md-4">
...
</div>
</div>
<div class="col-lg-12">
...
</div>
工作 fiddle here .
关于html - 表格在规模上变得 react 迟钝,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31658224/
我喜欢 ReSharper,但它完全是一个内存 pig 。它可以迅速膨胀并消耗一半的 RAM,而无需太多努力并使 IDE 陷入困境。有人知道有什么方法可以将其配置为不那么慢吗? 最佳答案 关闭即时编译
我正在创建一个在提交时充当计算器的表单。当我有一个打开页面的大(几乎全屏)窗口时,一切正常。但是,一旦我将窗口缩放到其大小的一半左右,表单域就不再是可选择或可编辑的对象。有谁知道为什么会这样?表格的代
我正在测试在这里找到的简单乒乓球游戏:https://github.com/shangaslammi/frp-pong 问题是键盘控件的工作非常糟糕 - 按键 react 非常迟钝,并且经常有几秒钟的
我有一个 WinForm 应用程序,它使用 Spreadsheetlight 从 excel 文件读取数据,有一种方法可以读取信息然后进行一些计算,然后我创建一个新的 excel 文件。 问题是这个文
我在我的网站上安装了 typekit,通常在开头的 head 标签之后有两行 js,但是加载字体非常慢/ react 迟钝,这可以通过刷新页面完全解决,然后加载 typekit 字体完美而且非常快。但
我过去经常使用 javascript 进行编码,所以当我盯着像这样简单的东西几个小时却无法弄清楚为什么它不起作用时,这尤其令人沮丧。有人可以告诉我为什么这段代码完全没有响应吗? var pas
我有一个小型聊天客户端,可以将所有历史记录存储在 sqlite 数据库中。当用户单击我的应用程序中的 history 选项卡时,我的应用程序会获取所有相关历史记录并将其显示在 QWebView 中。我
我专门为 iPad 设备(移动 Safari)开发了一个 HTML5 网络应用程序。在我看来,与原生 iOS 应用程序上的按钮和手势相比,应用程序中的 HTML 按钮和点击事件有些 react 迟钝。
我正在尝试使我的标题框与我的图像大小相同,同时又不失去 flex-slider 的响应能力,有什么建议吗? http://jsfiddle.net/bmBnF/10/ 疯狂的K 最佳答案 我通过将其设
我向我的React应用程序引入了一个名为react-hooks-paginator(文档here)的新包,并将其添加到我想要使用分页的几个页面(例如产品列表)。它工作正常,但添加后会导致一些意想不到的
我是一名优秀的程序员,十分优秀!