- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我创建了这个例子:jsFiddle
<div class="container">
<div class="row">
<div class="span6">
<ul class="thumbnails">
<li class="span4">
<div style="height:200px; position: relative" class="thumbnail">
<div style="position: absolute; left: 5px; right: 5px; bottom:5px;">
<form style="margin:0;" class="form-inline">
<input style="margin: 3px 0 0 0;" type="text" placeholder="Name…" ng-model="mashName" class="pull-left span3" />
<button type="submit" style="margin: 3px 0 0 0; " class="span1 btn btn-primary pull-right">Create</button>
</form>
</div>
</div>
</li>
</ul>
</div>
我需要的是将输入扩展到按钮,而不是使用在调整大小时搞砸一切的百分比。这个例子很接近,但是按钮是用span拧的..
.input-block-level
很好,但它一直延伸.. 相反,它应该在按钮之前停止。有没有办法不用 javascript 来解决这个问题?
最佳答案
首先,您需要通过使用 width: auto
覆盖它来删除 Bootstrap 放置在输入字段上的宽度,然后使用绝对定位来提供适当的宽度..以符合其包含的宽度分区
我创建了一个 jsFiddle:http://jsfiddle.net/w8YfL/
代码如下:
<div class="container">
<ul class="thumbnails">
<li class="span4">
<div style="height:200px; position: relative" class="thumbnail">
<div style="position: absolute; left: 5px; right: 5px; bottom:5px;">
<form style="margin:0;" class="form-inline">
<input style="position: absolute; right: 70px; left: 0; bottom: 0; width: auto;" type="text" placeholder="Name…" ng-model="mashName"/>
<button type="submit" style="position: absolute; right: 0; bottom: 0;" class="btn btn-primary">Create</button>
</form>
</div>
</div>
</li>
</ul>
</diV>
关于css - Bootstrap : how to extend input to occupy available space?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18411166/
我正在构建一个小型音乐播放器。像任何其他播放器一样,即使应用程序没有焦点,您也可以使用键盘媒体键(上一曲、下一曲、播放、暂停)来控制它。 但是,当我注册这些快捷方式以便 Electron 可以监听它们
final Dialog dialog = new Dialog(this, R.style.theme_dialog); dialog.requestWindowFeature(Window.FE
本文整理了Java中com.ohmdb.abstracts.Zones.occupy()方法的一些代码示例,展示了Zones.occupy()的具体用法。这些代码示例主要来源于Github/Stack
本文整理了Java中com.ohmdb.filestore.ZonesImpl.occupied()方法的一些代码示例,展示了ZonesImpl.occupied()的具体用法。这些代码示例主要来源于
我在 UIViewController 中制作了自定义相机,但无法在 iPhoneX 上的整个屏幕上预览相机输出。相机 View 和屏幕边缘之间似乎有很大的填充。我的视野似乎确实是从安全区域插入的。请
似乎当模态框在屏幕中居中时,它占用的 height 比需要的多:Plunker 如何解决? 最佳答案 实际上这不是问题。这在移动设备上看起来很正常,但在桌面上查看时会产生问题。 但是,如果您仍想解决此
我在 div 上使用 :after 来添加叠加背景(在我的例子中,我不能将它作为第二个添加到原始 div) 我试图强制它占据其“前任”div 的整个宽度和高度,尝试将宽度和高度设置为 100% 以及继
我正在使用适用于 Android 的 Google AdMob 广告 SDK 4.0.4 默认情况下,在加载广告之前,AdView 没有尺寸。如果您在广告上方或下方有按钮,这可能会导致问题。 如果广告
当我们做类似的事情时: nKeyLength == 0) && (p->h == h)) { if (flag & HASH_NEXT_INSERT || flag & HASH_ADD) {
我创建了这个例子:jsFiddle
我尝试通过 Netbeans IDE 启动 glassfish 服务器,但显示此错误: Could not start GlassFish Server: Administrator port is
在Java中我们写了一段代码: A a1; a1 = new A(); 编译器编译代码时预留了多少字节的内存: A a1; 最佳答案 这不是 Java 标准指定的,因此您不必担心。 从技术上讲,引用通
这是我这周正在处理的问题,但我有点碰壁了。 假设我有 100 个资源可用于完成一些快速任务。 我想为客户做的,尽可能快: 获取第一个可用资源 将其标记为已占用 使用它 将其标记为免费。对于这种东西,我
我写了一个小程序来查看 char 在我的内存中占用了多少字节,结果显示 char 实际上在内存中占用了 4 个字节。我知道这主要是因为字对齐并且没有看到 char 只有 1 个字节的优势。 char
我的目标是在 rust book 第 13.1 章的缓存结构上实现建议的改进,即创建一个结构,该结构接受一个函数并使用内存来减少给定函数的调用次数。为此,我创建了一个带有 HashMap 的结构 st
我正在准备一个 fiddle 来问另一个问题,但在制作 fiddle 时无意中遇到了另一个问题。 这是 fiddle 的链接. HTML代码:
我一直在寻找使复选框看起来像按钮的方法,我偶然发现了这个 question我做了,但我加了一个填充, .ck-button { padding: 5px 5px 0px 5px; } 这里是 js
我有一个 flex 显示和宽度设置为 100% 的父容器,它的子元素(子容器)设置为占用最大宽度 25%。 子容器上的按钮分配有最小宽度和最大宽度,如下所示。按钮往往不会占据 100% 的子容器,即使
最近开始,基本上每次我尝试获取或提交它都会给我这个奇怪的错误。它会不断尝试“重新获取/重新提交”,直到我放弃并 CtrlC。 C:\cygwin\home\git\new_trunk>git sf
我想使用 WorkManager 处理图像。向工作经理发送字节数组时出错。 java.lang.IllegalStateException: 序列化时数据占用不能超过10240字节 下面是我的代码:
我是一名优秀的程序员,十分优秀!