如何在 Bootstrap 表单上放置背景图像?

2024-03-31

我正在尝试使用 Bootstrap 框架在表单上放置背景图像(例如在文本和输入后面,就像我网站的背景图像),但图像出现在底部,我希望它位于“容器”内”。

我的代码是这样的:

<div class="container">
    <div class="thumbnail">
        <form....>
            <fieldset>
            .
            .
            .
        </form>
        <img src="cs.jpg" class="img-responsive">
    </div>
<div>

您是否尝试过将该容器的背景图像设置为图像? IE:

.container {
    background-image: url("cs.jpg");
}

或者你可以内联完成:

<div class="container" style="background-image: url('cs.jpg');">
    ...
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Bootstrap 表单上放置背景图像? 的相关文章

  • JavaScript 中带前导零的数字发生变化

    我使用 print 语句从 php 调用 javascript 函数来打印 html 代码 并且传入一个整数 但是 在 php 中传递的值与 javascript 函数接收到的数字不匹配 我不知道为什么 这是调用 javascript 函数
  • 滚动时将菜单栏固定在顶部[关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我见过一些网站 当用户向下滚动页面时 会在右侧或左侧弹出一个框 另外 注意到这个模板 http www mvpthemes com m
  • Javascript 使事件点击和语音识别与多个按钮一起工作

    所以我正在使用 webkitSpeechRecognition 并且它工作得很好 但问题是我想同时在多个地方使用它 当我将它添加到页面上的另一个部分时 它无法正常工作 这是它自己工作的情况 var final transcript var
  • Internet Explorer 中的锯齿状按钮边缘

    如何去除 Internet Explorer 中宽按钮的锯齿状边缘 例如 您还可以通过设置来消除 Windows XP 的按钮样式 以及 Windows 的所有其他版本 background color and or border colo
  • HTML5 仅拖放图像

    我想做的是 如果所有拖动的文件都是图像 则将其删除 但如果有其他文件扩展名 则不要删除它们 而仅删除图像 这是我的尝试 HTML div div JavaScript var dropzone document getElementById
  • 如何使用文件输入在PDFJS中打开本地PDF?

    我想知道是否有办法使用选择pdf文件input type file 并使用打开它PDFJS https github com mozilla pdf js 您应该能够使用 FileReader 来获取文件对象的内容作为类型化数组 pdfjs
  • 如何在 Lift 框架中添加新页面

    如何在 lift 中的 webapp 目录中添加一个可供用户访问的新页面 目前只能通过index html访问http localhost 8080 com http localhost 8080 or http localhost 808
  • 如何使用 HTML 5 实现类似 gmail 的文件上传/附件

    我记得一些支持 Ajax 之类的选项 无回发世界 文件上传 隐藏的 iframe 使用 flash 对象 尽管我仍然好奇为什么使用 SWF 以及它提供什么优势 然而 通过查看博客 HTML 5 似乎很有前途 我尝试了一些小示例 它确实有效
  • 位图内存不足错误

    我对这个错误有疑问 我从 URL 制作网站图标解析器 我这样做是这样的 public class GrabIconsFromWebPage public static String replaceUrl String url StringB
  • 如何处理 Django 中的错误

    我想让我的 django 应用程序尽可能对用户友好 并且我想处理适当的错误并让它推出类似于 javascript 中的警报的错误消息 我想在没有上传文件时执行此操作 因此 当按下上传按钮并且尚未上传任何内容时 将会发出一条警报消息 我的看法
  • 水平滚动的表格上的“粘性”标题......完全不可能?

    经过过去几个小时的研究后 我开始认为这是不可能的 即使在最新的浏览器上也是如此 HTML table具有水平滚动的元素 带有 粘性 thead在顶部 作为垂直滚动的周围网页的一部分 这是我的尝试 a height 100px backgro
  • 我怎样才能让这个脚本在 WordPress 上运行?

    我有这个脚本 document ready function text1 click function this hide 代码html div class div1 p class text1 text to appear when th
  • 为什么此 TTF 字体在我的浏览器中无法使用?

    我下载了一种名为 Clunk 的 TTF 字体 并尝试将其应用于某些文本 这是我正在使用的代码 h1 Test h1 这似乎不起作用 Chrome 给了我两个错误 Failed to decode downloaded font path
  • 嵌套计算操作

    希望这很简单 我想使用CSS calc操作来执行两个计算 我想将宽度设置为等于 100 7 2 但是 如果我尝试在 CSS 计算操作中执行多个操作 则会失败 width calc 100 7 2 如何在一个 CSS 语句中执行多个计算操作
  • 如何使跨度标签不可删除?

    我正在尝试使 contenteditable div 内的跨度标记不可删除 div Editable span Read Only span div 只读范围确实是只读的 但我可以通过单击删除键来删除整个范围 有没有一种属性方法可以告诉sp
  • 内嵌显示定义术语和描述

    我正在为页面上的某些元素使用定义列表 并需要它们内联显示 例如 它们normally看起来像 我需要它们看起来像 注意多个 DD 我可以让它们在 moz 中使用 float 来正常工作 但无论我尝试什么 它们都无法在 IE 中工作 我通常会
  • 如何将 Vue.js 作用域样式应用于通过视图路由器加载的组件?

    如何将 Vue js 作用域样式应用于通过以下方式加载的组件
  • 如何使整个跨度落入新行?

    这个片段显示了我想要的 http jsfiddle net 945Df 3 http jsfiddle net 945Df 3 div class sup strong a href Rosario Santa Fe Argentina a
  • 如何简化这个 LESS CSS Box-shadow mixin? (带有“方向”的多个阴影)

    如何减少这段代码 可能使用循环 以拥有一个接受方向和数字的 函数 dir 想要的 方向 number 我需要多少次影子 这里是10次 color 阴影的颜色 Example 可以工作 但不是很容易使用 perspective box dir
  • Service Worker 与 Shared Worker

    Service Worker 和 Shared Worker 有什么区别 我什么时候应该使用 Service Worker 而不是 Shared Worker 反之亦然 Service Worker 具有共享 Worker 之外的附加功能

随机推荐

  • Python在函数调用之外获取变量名[重复]

    这个问题在这里已经有答案了 让我们有下面的代码 def f a b c import inspect stack inspect stack How to know the original variable names i e arg1
  • 按 Pandas DataFrame 中的连续索引分组

    我正在使用 python 编写传感器数据分析代码 我根据某些条件从 DataFrame 示例中的陀螺仪数据 中获取行 import pandas as pd gyro pd read csv gyroOutput csv above gyr
  • 可以在 PHP 的类中使用静态常量吗?

    我预计以下内容会起作用 但似乎没有
  • 将可点击的 SVG 图像插入 Sphinx 文档

    我有 SVG 图像文件 其中有多个节点 每个节点都与 URL 关联 如果我直接在浏览器中打开此文件 我可以单击每个节点 它将打开不同的 URL 但是 当我在 Sphinx 文档中使用这张图片时 它不起作用 图片作为一个整体呈现 所以我需要通
  • Android CookieManager setCookie 创建多个cookie

    在我的 Android 应用程序中 我有一个网络视图 它从多个域加载 URL 我需要删除特定域中的所有 cookie 我想保留来自其他域的 cookie 但我需要删除一个域中的所有 cookie 我对处理我的请求的所有其他解决方案持开放态度
  • IT公司项目选择时如何决策? [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 他们选择项目的标准是什么 他们选择项目的依据是什么 如果他们想继续经营下去 就需要投资回报
  • Groovy 中的单元测试抽象类

    我是单元测试和模拟的新手 我正在尝试对 Grails 中的抽象域类进行单元测试 我应该如何模拟实现 以便可以对域类的约束进行单元测试 有没有办法使用 groovy 或 grails 附带的模拟库 我应该只实现一个简单地扩展抽象类的类吗 gr
  • 如何从 javascript 发送curl 请求?

    我想发送这个 curl https fcm googleapis com fcm send H Content Type application json H Authorization key
  • 从加载到内存的 24 位 BMP 文件中获取 HBITMAP

    我有一个 24 位 BMP 文件加载到 RAM 中 我正在尝试为此图像文件创建一个 HBITMAP 我发现了一些我一直在尝试的例子 但似乎无法发挥作用 基本上 我需要该文件的 HBITMAP 以便我可以卸载该文件并保留 HBITMAP 稍后
  • savefig - 文本被截断

    假设我创建了一个情节 import matplotlib pyplot as plt plt clf import numpy as np props np random randint 0 100 200 x np arange 1 20
  • python:具有多态性的类属性/变量继承?

    在我作为一名 python 学徒的努力中 如果我尝试使用类属性 我最近会陷入一些奇怪的 从我的角度来看 行为 我不是在抱怨 但希望能提供一些有用的评论来阐明这个问题 为了将复杂的问题简化为更简洁的问题 我会这样表述 确保类属性的行为更像继承
  • 函数“SUM 不存在”

    我正在使用 mysql 5 5 11 当我执行下面的脚本时 INSERT INTO payments created Amount user Remarks orderid paymethod VALUES 2016 09 03 0 0 a
  • 如何手动发布JAR到mavencentral?

    我创建了一个开源项目 https github com Kshitiz Sharma log4j weblayout我想将其发布到 Maven Central 以便用户只需在 pom xml 中引用该库即可使用该库 就像这样
  • 防止 jquery-validate 使用 title 属性作为错误消息?

    Jquery 验证使用title属性作为错误消息 我用title属性来提供用户工具提示 但我不希望它取代验证错误消息 在这个完整的示例中 我设置了姓字段有一个title属性 同时离开名场没有title属性 当表单提交时 名字段正确显示错误消
  • MSTest V2 按顺序执行单元测试 -> [DoNotParallelize]

    我有一个关于按顺序运行单元测试的问题 不幸的是 在这种情况下 不能选择并行运行它们或模拟数据库 该项目是用 NET core 3 1编写的 UnitTests需要在Unittest运行之前和之后执行数据库操作 看完之后https www m
  • 将列表传递给 python 类[重复]

    这个问题在这里已经有答案了 我有这个简单的课程 class revs def init self rev us accs self rev rev self us us self accs accs 我有这段代码用于将值分配给列表并且位于循
  • 放弃 gridview 固定标题

    正在开发 asp net Gridview 控件 好吧 我试了又试 也许搜索了整个网络 但我找不到任何适合我的 ASP NET gridviewcontrol 的东西 它可以修复标题并允许排序 但最重要的是 所有浏览器都可以工作 而不仅仅是
  • 如何在 C++ 中存储位数组?

    在 C 中存储位数组 无 Boost 只是标准容器 例如表示卷分配位图 的最佳方式是什么 我想std vector
  • Ruby on Rails 数据库迁移不会在 MySQL 表中创建外键

    我正在尝试修改 Ruby on Rails 应用程序中的数据库迁移 我使用 MySQL 作为数据库 并且想将外键添加到正在创建的表中 我正在使用以下代码 虽然遵循在适当列上创建空值的规范 但没有应用外键约束 class CreateBook
  • 如何在 Bootstrap 表单上放置背景图像?

    我正在尝试使用 Bootstrap 框架在表单上放置背景图像 例如在文本和输入后面 就像我网站的背景图像 但图像出现在底部 我希望它位于 容器 内 我的代码是这样的 div class container div class thumbna