我想在Bootstrap中创建类似于img的东西。我需要一个中间的分隔符，如img所示
在Bootstrap中，您可以使用<hr>元素来创建类似于img的中间分隔符。<hr>是一个水平线元素，可以用于在内容中创建分隔线。
<hr>元素没有特定的类或样式，因此它默认情况下会显示为一条水平线。您可以使用Bootstrap的类来自定义分隔符的样式，例如添加class="bg-primary"可以使分隔符显示为蓝色背景。
以下是一个示例代码：
<hr class="bg-primary">在这个例子中，分隔符将显示为带有蓝色背景的水平线。
请注意，Bootstrap还提供了其他的分隔符样式，例如<div class="dropdown-divider"></div>可以创建一个带有垂直间距的分隔符。您可以根据需要选择适合您设计的分隔符样式。
希望这个答案对您有帮助！如果您对其他问题有任何疑问，请随时提问。
相关·内容
我试图让我的jekyll+bootstrap网站在GitHub上，但没有任何效果。这是我最后收到的错误：
您的SCSS文件资产/main.scss在第47行有一个错误:文件要导入、找不到或不可读: assets/css/minima/base。加载路径:资产/hoosegow/.bundle/ruby/2.7.0/gems/jekyll-theme-primer-0.6.0/_sass.
这是错误消息指向的代码。
@import
"assets/css/minima/base",
"assets/css/bootstrap/bootstrap",
浏览 1提问于2021-10-30得票数 0
4回答
我一直试图把一个img放在一个固定高度的div中间，但我做错了什么。我尝试了几个不同的变体，看看其他的解决方案，所以，但我想我错过了一些东西。
下面是我的代码和代码片段：
// Style
.test-ht {
min-height: 250px;
vertical-align: middle;
}
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>
<div class="conta
浏览 7提问于2015-03-29得票数 1
回答已采纳
2回答
我是Django和Python的新手，我刚刚完成了Django的“构建您的第一个应用程序”教程。我发现它太棒了。然而，它从来没有提到样式表、javascripts或任何类似的东西。
他们应该去哪里？目前我的项目目录如下所示：
myproject
+app1
+app2
+myproject
+public
+css
+img
+js
+templates
我做得对吗？我想尽可能地坚持Django/Python标准。另外，如果我想在我的所有模板中包含某些样式和脚本，我该如何做？假设我使用的是Bootstrap。
浏览 0提问于2012-04-15得票数 4
回答已采纳
我正在尝试使用Twitter Bootstrap创建一个响应式布局。有一个“网格”的图像(100x100)，我想要显示在1,2或4行宽。我在".container-fluid“中使用".row”，然后使用span3来包含行中的每一项。
<div class="container-fluid">
<div class="row">
<div class="span3 product"><img src="//placehold.it/100x100&
浏览 0提问于2013-04-25得票数 1
回答已采纳
我已经回答了很多次，但还是做不到。
当js包含在公共文件夹中时，这非常好用，但当路由更改时，这就不起作用了
<script src="%PUBLIC_URL%/JS/jQuery-2.1.4.min.js"></script>
<script src="%PUBLIC_URL%/BOOTSTRAP-JS/bootstrap.min.js"></script>
<script src="%PUBLIC_URL%/JS/app.min.js"></script>
我将此代码包含在
浏览 15提问于2020-02-25得票数 0
3回答
我正在尝试将twitter-bootstrap包含在和glyphicons-halflings图像中，它们只能在同一目录(assets/css/)中运行，而且只能在Chrome (火狐和Opera语言中不能)中运行。包括零件(文件'app.less')：
@import 'twitter-bootstrap/bootstrap';
@iconSpritePath: "/img/glyphicons-halflings.png";
@iconWhiteSpritePath: "/img/glyphicons-halflings-white.
浏览 0提问于2012-08-06得票数 2
回答已采纳
我有一个.Net核心2.2 WebAPI，它与“普通”风格的URL (例如/ API /控制器/action/param等)非常好地工作。我有一个第三方服务，它使用一个URL编码路径向这个API发送一个帖子，而Asp.Net路由无法正确地路由这个请求。
控制器位于：./api/file/uploadFile/{filename}
来自第三方的帖子是：".../api%2Ffile%2FuploadFile%2FMaintenanceReport_2019_08_05_17_11_10.html.gz".
替换路径中的%2F似乎像预期的那样工作：".../api/file
浏览 0提问于2019-08-05得票数 3
回答已采纳
2回答
自举内嵌旋转木马
、、
我试图用另一个内联块元素(这里用<img>元素表示)内联一个Bootstrap 4旋转木马。但是每当我把它们并排放在一边时，旋转木马的元素就会向上移动50%。我怎么能把它们完美地并排在一起？
Repro JSFiddle：
浏览 2提问于2020-01-14得票数 2
回答已采纳
1回答
Bootstrap相对较新，需要一些帮助。我附上了一个img的网址，以帮助我的解释。
我有不想要的空间之间的图像按钮，我希望它的大小是目前的四分之一。
<div class="col-sm-3">
<asp:ImageButton src="Content/MPGCalc.png" id="Mpg" runat="server" class ="img-responsive" />
<br />
<p>Miles Per
浏览 1提问于2014-07-26得票数 0
5回答
我想在bootstrap表中显示两个相邻的图像，有什么想法吗？
这是代码，
<tr>
<th scope="row">7</th>
<td></td>
<td>
<img class="img" src="example.jpg" alt="">
<img class="img" src="example.jpg"
浏览 0提问于2016-07-29得票数 2
1回答
我正试图在我的页脚创建的块中对3幅图像进行居中，但这些图像就是无法居中。我试了一下wysiwyg编辑器的中间按钮，但是没有用。然后，我尝试输入失败的手动css。我似乎不能把这些图像集中起来。我很感谢你的帮助。
使用: CKEditor 7.x-1.13
我尝试添加一个引导带3“中间块”css类，但这也不起作用。
<p>© 2014 Environmental Law Alliance Worldwide (ELAW)<br />
U.S. Office: 1877 Garden Avenue, Eugene, OR 97403 USA<br />
Phone
浏览 0提问于2014-08-27得票数 0
1回答
我在一排里有3张照片。在每一列之间，我想添加一个指向下一个图像的箭头。
我如何做到这一点，同时保持现有的图像为中心(因此中间的图像在页面的中间)，因此它在较小的屏幕上很好地退化(例如消失)？
html：
<html>
<head>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div cla
浏览 1提问于2014-04-15得票数 0
如果您只想使用原生样式，则可以在jQuery Mobile中的表单元素上添加data-role=“none
Twitter Bootstrap有类似的选项吗？在这上面好像找不到任何东西。
浏览 0提问于2013-01-21得票数 3
在我的TypoScript对象中，optionSplit失败了。总是在srcset中添加一个逗号，W3C验证器说:元素img上的srcset属性值不正确:以空的图像候选字符串结束。
此TypoScript代码片段
layoutKey = srcset
layout {
srcset {
element = <img src="###SRC###" srcset="###SOURCECOLLECTION###" ###PARAMS### ###ALTPARAMS### ###SELF
浏览 0提问于2021-02-01得票数 0
我正在尝试使用JSPM安装引导程序4 Alpha。
我想把那页上的所有东西都拿走。如果我做了npm install bootstrap@4.0.0-alpha.2，我就能得到scss文件夹及其内容。
然而，如果我做了jspm install bootstrap=npm:bootstrap@4.0.0-alpha.2，我只能得到：
我不太清楚如何让jspm抓取scss文件夹及其内容。我也不知道它为什么不抓住它。
浏览 3提问于2016-03-28得票数 1
回答已采纳
代码：
<html>
<head>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap.no-icons.min.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script
浏览 13提问于2012-11-05得票数 4
回答已采纳
什么是正确的格式，我的形象链接，所以他们是通过webpack与正确的资产哈希邮票编译？现在，这在我的sass文件中是正确工作的，但不是slim lang html模板。
示例HTML:
p
= image_tag 'favicons/testme.png'
= tag :img, src: '/images/favicons/testme.png'
文件夹结构：
我的Webpack配置：
"use strict";
const path = require("path");
const webpack = re
浏览 1提问于2018-03-06得票数 1
回答已采纳
我需要我的布局在移动设备或平板电脑的中心。下面是我的HTML代码：
<!DOCTYPE html>
<html>
<head>
<title>Cart</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<meta name="viewport" content="width=
浏览 0提问于2015-04-14得票数 3
3回答
好吧，我知道我应该使用DOM解析器，但是这是为了存根出一些代码，这些代码是以后特性的概念证明，所以我想在有限的测试代码集上快速获得一些功能。
我正在尝试剥离chunks HTML的宽度和高度属性，换句话说，替换
width="number" height="number"
使用空字符串。
我正在尝试编写的函数现在看起来像这样：
function remove_img_dimensions($string,$iphone) {
$pattern = "width=\"[0-9]*\"";
$string = preg
浏览 3提问于2009-04-22得票数 5
回答已采纳
3回答
我是新来的laravel.May，我知道为什么我的如果其他条件不工作？问题是，即使admin登录，我也看不到这个页面上的管理面板按钮和注销按钮。我只看到登录按钮。我想我在home.blade.php文件上没有逻辑错误。这个问题是特定于这个刀片文件only..other刀片文件，如果其他条件是完美的工作。这是我的刀片文件。我还分享了这个项目的github链接： (这是一个基本的CRUD产品应用程序)，所以你可以下载，运行，检查我的视图/前端/ file .brde.php文件中的错误。
homelayout.blade.php
<html>
<head>
<ti
浏览 0提问于2016-01-15得票数 1
回答已采纳
我不知道自己做错了什么，因为URL会改变，但是视图保持不变。
app.js
var app = angular.module('app', [
'ngRoute',
'ui.bootstrap',
'ui.bootstrap-slider',
'angularFileUpload',
'ngTouch',
'ngAnimate',
'r'
]);
app.config(['$routeProvider', function ($routeProvid
浏览 1提问于2015-09-30得票数 0
回答已采纳
2回答
下面是我使用的文件结构
-----+root
----------+app
--------------+common
--------------+config
--------------+controllers
--------------------------+rootPage.js
----------+public
--------------+rootPage.jade
----------+server.js
这是我的jade文件
doctype
html(lang = 'en')
head
title PlanUrNight
浏览 7提问于2016-10-06得票数 0
1回答
我有这个引导转盘(V4)，我想改变它的风格，主要是它的边距。我实际上隐藏了旋转木马的主要部分，我保留缩略图只是因为我希望最终只有一个类似于缩略图滑块的东西。 然而，我不知道如何摆脱它周围的所有空间(几个像素填充就可以了……)。另外，我怎么把缩略图做大一点？ 非常感谢 <!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
浏览 17提问于2020-04-03得票数 0
回答已采纳
通知图标的下拉链接激活并闪烁铃声图标的背景色，有方法阻止这种情况发生吗？
这种行为也发生在下拉列表打开并且您点击搜索框字段时，它也激活了铃铛图标的背景色，需要如何停止呢？
body {
padding-top: 102px;
background-color: #4d4d4d;
font-family: 'Lato', verdana, sans-serif;
}
.container {
width: 1530px;
margin-top: 0;
}
.navbar-fixed-top {
background-color:
浏览 0提问于2016-04-28得票数 0
回答已采纳
1回答
我在我的rails应用中使用twitter bootstrap。我正在尝试使表头显示在与表数据相同的行中。类似这样的东西
<tr align="left"><th>Due Date:</th><td><%= @invoice.due_date %></td>
</tr>
如何在twitter bootstrap中完成此操作？
浏览 0提问于2013-01-02得票数 0
回答已采纳
1回答
我正在尝试调试excel中的一个函数，以便使用导入的文本文件中的数据来定界表。当名称中包含空格(请参见示例，第二行)时，宏有问题，因为表是使用空格分隔的。我目前拥有的代码对于示例的第一行来说工作得很好。存在一个包含多行的表，如下所示。
从文本文件导入表格的行示例
所以问题是，当像“WT03”这样的东西出现时，有一个空格，程序就会崩溃。我尝试过修剪和查找&替换，但它们不起作用，因为整行都包含在第一列中，并由空格分隔。我只想在出现"Wt02“或”WT03“时消除它们中的任何空格。
任何关于在哪里寻找的建议或建议都将受到感谢。
浏览 1提问于2016-10-12得票数 1
1回答
我在Google上搜索了一些选项，可以用Twig中的一些数组值替换字符串，但是我找不到任何有用的东西。
是否可以用Twig中的数组值替换字符串？
我试着编写这样的代码：
{% set foo = ['.JPG', '.BMP'] %}
{% for Item in ProductImage %}
<tr>
<td class="lo-stats__image">
<img class="border rounded" src="http://5.12.82.223/ftp/imag
浏览 2提问于2020-12-28得票数 0
回答已采纳
2回答
我尝试在一行和一列中显示2个图像。我不想在列中有任何顶部/底部的空格。我该怎么做？ img {
vertical-align: top!important;
}
.col-md-6 {
border: 1px solid black;
} <!DOCTYPE html>
<html>
<head>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/&
浏览 13提问于2019-01-11得票数 0
回答已采纳
Bootstrap标签输入在angularjs中对我不起作用。我试了所有的方法，但什么都没有，它只是添加了面积框，我甚至不能写入一些东西。
<bootstrap-tagsinput ng-model="currentInventory.tags" itemvalue="value" itemtext="text"></bootstrap-tagsinput>
浏览 0提问于2014-04-14得票数 1
2回答
当您在C++中编写输入时，您可以通过按enter键来验证输入是否已结束，遗憾的是，这也会更改行。但是我仍然想在这一特定行中输出一些东西。
我怎么能住在那里呢？有没有办法改变你确认输入结束的方式？
我正在使用Cygwin64终端
浏览 1提问于2021-06-06得票数 1
4回答
我使用了两个不同的bootstrap网格列，但图像在网格中的高度并不相等。如果我修复了高度，图像看起来会被拉伸。请看下面我的代码： <div class="row">
<div class="col-md-8 " >
<img class="img-responsive" src="images/green.jpg">
</div>
<div
浏览 118提问于2017-08-01得票数 1
回答已采纳
2回答
我一直试图在我的响应图像上放置一个搜索栏，它的行为就像我的背景。请帮助我如何实现这一目标。谢谢..。干杯:)这是我的密码。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrit
浏览 2提问于2017-11-26得票数 2
回答已采纳
fabric.Image.fromURL(hc.toDataURL(), function(img) { // add image onto canvas Canvas.add(img); img.hasControls = false; img.hasBorders = false; img.hasControls = false; img.hasRotatingPoint = false; img.selectable =
浏览 4提问于2015-10-13得票数 4
回答已采纳
1回答
社区成员！我想在这里向您提出以下问题:在Yii2框架中，使用css样式和js脚本需要询问所谓的资源包，即应用程序有机会使用它们。和图像有什么关系？我不知道如何使用它们。
这就是资源工具包的含义：(这个文件AppAsset.php)
class AppAsset extends AssetBundle
{
public $basePath = '@webroot';
public $baseUrl = '@web';
public $css = [
'css/site.css',
'c
浏览 1提问于2016-11-27得票数 0
回答已采纳
我有一个多人html游戏(不使用画布)，在那里你有你的角色肖像和你的游戏对手的角色的肖像。如果你的对手还没有加载他们的页面，我想在他们的角色图像上放一张图片。图像将显示“未准备好”，当它们准备好时，我将删除此图像。
我使用bootstrap来定位所有的东西，我之前看到的答案都谈到了绝对定位。如何将这个"Not Ready“图像放在用下面的代码显示的人物画像的顶部？
我展示的人物肖像是：
<!--Portraits-->
<div id="divPortraitRow" class="row" style="mar
浏览 1提问于2014-12-27得票数 0
1回答
我是新的引导，我有一个问题，试图定位在页面上的图片。我试图使用引导网格定位图像在页面的中心。我熟悉html5和--我知道还有其他方法来对图像进行对齐；但是，我想知道是否可以使用引导程序的网格系统来完成这一工作。这个例子的原因是，我有其他图像位置的东西，我想使用引导。
当我在Windows8桌面或iPad上运行下面的示例时，图像非常小(几乎像图标一样)并驻留在左上角；然而，当我在我的Nexus 5上运行这个示例时，图像的大小是正确的，并且是居中的。我已经包含了一些我正在使用的示例html代码。
再次，我是一些新的自举，所以它可以是一些简单的东西。如有任何意见或建议，将不胜感激。
提前感谢您的帮助
浏览 5提问于2014-05-14得票数 0
1回答
我有一个媒体对象，所以我可以有一个旁边有一些文本的图像，它可以在大屏幕上工作。当我转到一个较小的屏幕时，问题来了，文本被推出屏幕，图像的大小略有不同，有些图像稍微向左或向右移动。
<div class="container">
<ul class="list-unstyled">
<li class="media">
<img
src="image.jpg"
class="align-self-center
浏览 0提问于2021-04-13得票数 0
1回答
启动：http://www.bootply.com/byUX0u7K0s
css：
.modal-body img{
width:100%;
height:100%;
}
联署材料：
$('img').click(function(){
$('.modal-body').html( $(this).parent().html() );
$('#myModal').modal({show:true})
});
HTML：
<div id="myCarousel" class="caro
浏览 4提问于2014-11-07得票数 0
回答已采纳
我在努力创造我认为应该很简单的东西。我有一个带有背景图像的静态固定div，我想在上面拖动和调整其他图像的大小。
我所做的一切似乎完全没有用。
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<script type="text/javascript" src="//code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascrip
浏览 1提问于2013-11-08得票数 1
回答已采纳
1回答
我想得到至少2张卡片在同一行，但由于数据是一个一个地映射，我不知道如何这样做。我使用一个名为“Content”的自定义组件，并在这里返回数据
import React from "react";
import { Card, CardGroup, Col, Row } from "react-bootstrap";
import { ListGroup, ListGroupItem } from "react-bootstrap";
const Content=({name, image, type, vegan, cuisines})
浏览 3提问于2022-01-05得票数 0
回答已采纳
2回答
我现在正在与中间商合作，我现在关心的是：
中间件可以在控制器之前运行，但是在控制器给出响应之前可以运行中间件吗？
我想在控制器执行后设置一些头。
谢谢
浏览 3提问于2017-01-08得票数 2
回答已采纳
我正在使用Bootstrap 3开发一个网站，我知道在标准的模板上有一个完整的菜单，然后是一个取决于屏幕宽度的移动菜单，然而，我想在这两者之间实现一些东西，在显示移动菜单栏之前将一些选项移动到‘更多’菜单。为了更好地解释我想要实现的目标，我在下面做了一个图表。
浏览 3提问于2016-05-03得票数 1
我在AWS服务器上运行了一个Zend1应用程序。在AWS上是Zend1.12.11和php5.6，我想在本地机器上设置它，在本地主机上设置它，我有php7.3。我想在我的本地主机上安装，我得到了这个错误消息。有谁能让我知道这是由于php版本的差异，或者我如何事先修复这个/谢谢。
PHP致命错误: Uncaught Zend_Application_Bootstrap_Exception:在/home/stage2_bigwords_com/library/Zend/Application/Bootstrap/BootstrapAbstract.php:674堆栈跟踪中检测到循环资源依赖：#0
浏览 1提问于2022-02-15得票数 -1
关于在Twitter Bootstrrap中使用Carousel的问题
我是Twitter Bootstrap的新手。现在，我想在我的页面中创建一个轮播。但我遇到了一些问题。
首先，我在css文件中找不到让我的旋转木马居中放置的地方。
其次，我不知道如何使宽度标题与我在旋转木马中的图像相同。
下面是我的html代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Test</title
浏览 0提问于2012-06-28得票数 2
1回答
我正在尝试为用户做一个UIButton，他将能够在5个不同的选项中选择。我想到了像一行UIButton这样的东西，其中一个选项将被预先选择，当用户按下按钮时，将显示5个选项供用户选择。在对象库中，我能找到的最接近的是picker视图，但它对于我的屏幕来说太大了，它显示了所有的选项，因为我只想在开始时显示一个选项，当用户点击按钮时，所有的选项都会显示，这样他就可以根据自己的喜好选择不同的选项。我在Xcode上有没有像这样的UIButton，我是不是应该定制一个选择器视图之类的东西？提前感谢您阅读我的帖子:D
浏览 0提问于2012-06-15得票数 0
回答已采纳
我正在尝试编写一个程序，它将输出一个文本文件；它将在我执行它时重命名。
但是我不能执行。使用错误消息[IOError: Errno 2 No such file or directory]
这是我的代码：
from Adafruit_BMP085 import BMP085
from time import sleep
import time
import datetime
import pickle, sys, os
while True:
class data():
def __init__(self):
self.tp = tps()
浏览 1提问于2013-12-15得票数 2
回答已采纳
1回答
我只是想在悬停上添加一个按钮，但是我卡住了……仅仅使用CSS就可以实现吗？？我正在使用bootstrap，如果它有用的话
.card-img-top {
-webkit-filter: brightness(100%);
}
.card-img-top:hover {
-webkit-filter: brightness(40%);
-webkit-transition: all .15s ease-in-out
-moz-transition: all .15s ease-in-out
-o-transition: all .15s ea
浏览 7提问于2020-03-07得票数 0
2回答
我想把代码中的图像对齐到右边，这样我就必须用两行框对齐，两边对齐，左边和右边都有文本和链接，我尝试了很多其他的东西，浮动，但是它从来没有没有问题--这是我的代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport
浏览 4提问于2015-02-21得票数 0
回答已采纳
一个可悲的django初学者在访问一些视图上的静态文件(css，js)时遇到了阻塞问题。基本上，在主页上，这些静态文件是完全可访问的，但在不同的页面上，它不能，并且布局完全被破坏了。
这是我的settings.py：
INSTALLED_APPS = (
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.sites',
'django.con
浏览 0提问于2013-03-19得票数 4
回答已采纳
1回答
引导-导航栏对齐
、、
我从bootstrap获得了创建导航栏的代码，并更改了内部文本以显示图像。所有的显示都很好，但是我想要更改一些东西，但是我不能弄清楚。这是我为导航栏准备的代码：
<div class="navbar">
<div class="navbar-inner">
<ul class="nav">
<li class="active"><a href="#"><img src="http://4.bp.blogspot.com/-Dv_1JE3Qw
浏览 0提问于2013-04-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
