我正在asp.net web应用程序上使用引导组件。
它工作正常,但奇怪的是,他们在一个页面回发后停止工作。外表很好,但行为却不好。这就是为什么我认为这个问题解决了javascript文件
例如,dorp down按钮:回发后,展开操作不起作用
您知道这是什么原因吗?如果您使用UpdatePanel进行部分页面刷新,那么当面板的内容通过AJAX更新时,通常的$(document).ready(…)/$(…)功能不会再次启动,这意味着自定义JS功能(如下拉菜单)不会启动这是引导的一部分,不会重新绑
我知道我可以自定义引导
但是我需要对2.1.1版进行一些定制,我在哪里可以找到该版本的定制和下载?您可以从他们的github下载所需版本的源代码,我需要该版本的定制页面
我正在寻找一个没有任何css3渐变和上千行代码的免费干净引导皮肤,我需要覆盖它(如圆角、过渡、高级渐变背景等)
基本上,像这样的东西会很棒,但它是商业性的:
提前感谢这里有成吨的皮肤:
(不是免费的,但如果10-20美元太多,那你就做错事了!)是满足你需求的第三方版本的Bootstrap
“有时一个新项目不需要圆角或渐变。所以我们决定去掉它们。”虽然我不能提供答案,但从重置开始并向前发展不是很有意义吗?Bootstrap提供了开发大多数没有设计器的接口的核心要素。或者使用其他与你的需求相匹配的皮
我对此感到困惑,不知道如何举例说明
为我的网站使用引导。
加载谷歌网页字体,就像我过去做过多次一样,从来没有遇到过问题
由于某些原因,H1和H2是不可见的,直到我用鼠标突出显示它们,或者一直滚动到页面底部,然后进行备份。有时,在页面加载时,我可以看到字体的点点滴滴,比如几个字母的底部,等等
或者,如果我打开“检查”面板并切换与字体相关的任何内容。。。比如尺寸、颜色等。。他们会出现的
这只发生在Chrome中
有什么建议吗?以前从未见过这种情况。我的回答更像是“不明白,但很高兴我明白了”的情况。我
我有一个只有bootstrap.css链接的html,没有js。文本类型的所有输入的高度都变得太小,字母p、q、y从底部截断。另外,Firefox说css规则有“高度:20px”,但计算值是“高度:10px”。Opera说计算值是20px,但显示这些控件的方式相同——太窄了。不用说,这个css在angularjs.org上运行良好。在不更改bootstrap.css文件的情况下,如何更好地修复此问题
这里是Html
<html>
<head>
<link r
我试图用输入值的最后一部分调用我的远程url。
我想这样做:
$('#typeahead').typeahead({
remote: {
url: '/ajax/tags/get/?name=%QUERY',
replace: function (url, query) {
var last = query.split(',');
last = $.trim(last[last.length-1]);
我误解了为什么ID=“test1”的DIV与左侧选项卡导航重叠,而class=“tab content”的DIV却没有重叠
内容表1
选项卡内容具有css属性溢出:auto。选项卡为float:left,如果下一个元素为overflow:auto,则div将自动固定为浮动元素所留下的宽度。它通常用于拆分为两列
有了这两个例子,我们就可以清楚地看到:
溢出时:自动:
JSFIDLE不工作。谢谢,将div test1的溢出属性从默认可见更改为自动、隐藏或滚动解决了我的问题。谢谢,我一直
下面是我在附加组件中的图标的html(玉石)
.input-group
input.form-control(type='text')
span.input-group-addon.glyphicon.glyphicon-calendar
但是,加载项与输入字段不对齐。斯克雷肖特:
这是正常的还是Bootstrap3中的错误
更新
明白了:
在bootstrap.css中:2171(用更少的代码编译)
Bug?是的,这似乎是我的一个Bug:它是一个Bug:
我先读了这个
我使
我一直在使用Bootstrap3.0,我想知道如何禁用列表组项
我试着把禁用的心房安眠药贴在“a”标签上,但没有任何效果。我还尝试添加禁用的类,得到了相同的结果
这里有一些例子:
<div class="list-group">
<a href="#" class="list-group-item">Add New entry</a>
<a href="#" class="list-group-item disabled">Delete E
我有这个问题,当我决定把单选按钮引导弹出。在我的html中,将显示4个按钮,每个按钮都有自己的选择列表,其中包括单选按钮。因此,当我单击一个按钮时,弹出框将显示,然后我单击弹出框上的一个单选按钮,在弹出框关闭后,当我再次尝试查看弹出框时,我选择的单选按钮现在未选中。为什么会这样?我的代码如下:
jQuery('.btn-finishing-types').each(function(){
var $this = jQuery(this);
$this.popover({
我使用的是商务休闲引导,但导航栏有问题。我已经有了更多的链接,现在当我调整到一个更小的屏幕时,它会在导航栏中显示两行,只不过调整了更多的链接就会崩溃。你能告诉我如何解决这个问题吗 导航栏折叠点取决于预定义的引导断点。简单方法,尝试更改菜单元素的填充:
@media screen and (min-width: 768px)
.nav>li>a {
padding: 35px;
}
@媒体屏幕和屏幕(最小宽度:768px)
.nav>li>a{
填充:35px;
}
在b
我在Twitter引导中有一个导航栏,上面有打开Modals的链接。
下面我有一个画布,其中拖动了不同的项目
我遇到的问题是,在一些移动设备上,每当我打开导航栏,从其中一个链接打开一个模式,点击模式的内容,然后全部关闭,焦点不知何故转移到该模式,导航栏下方的拖动变得非常缓慢。我发现重置它的方法是在导航栏上做一个简单的点击,然后一切恢复正常。但显然,我需要找到一种编程方式来释放焦点,而不必要求用户点击导航栏
如果您只需打开并关闭导航栏中的下拉列表,或者打开并关闭一个模式而不单击其内部,则不会出现问
我需要这个TbButton来打开一个包含一些HTML内容的模式(带有youtube视频的iframe):
显示用于呈现模式的php代码。在我的示例中,模式由javascript而不是php通过TbButton的onClick事件(使用YiBooster的bootbox中包含的modal()函数)呈现:'onClick'=>'js:bootbox.modal(“,“某些标题”);'谢谢你,拉斐齐亚米尔,谢谢你的帮助。我刚刚尝试了最简单的bootbox.alert(“Hello world!”),但
我正试图使用has反馈表单类在表单字段上添加图标,但是随着输入字段大小的增加,图标显示超出范围,下面是问题的症结所在:
用户名(已断开)
用户名(作品)
仅当字段的默认大小为包含表单的100%时,它才起作用
你知道如何控制字段大小并允许正确显示图标吗?昨天也遇到了同样的问题
通过添加这个css解决了这个问题。只需编辑顶部和右侧的位置,以适合您的设计
.has-feedback .form-control-feedback {
position: absolute;
top:
我有一个黏糊糊的页脚,并且多次更改它,因为我不断遇到各种问题。我之所以使用这样的代码,是因为在以前的尝试中,当内容在移动设备上填满页面时,页脚会变得更高以容纳堆叠的按钮,并且会与内容重叠。我尝试过的其他版本会在内容框的末尾添加一个页脚,但如果内容只占了页面的一半,则页脚将位于页面的一半。我现在的版本很好用,除了在内容框中有一条奇怪的线,我假设页脚占位符是,即使页脚粘在底部。有人能帮我吗?我这儿有把小提琴。我还想澄清的是,只有当浏览器的高度较高时,该条才会可见。我还想解释一下,在我的css中,我将
很抱歉,如果这是一个愚蠢的问题,但从我的代码中,您应该能够看到,从外行的角度来看,我试图使它成为这样,一旦您单击“教育”选项卡,两个选项卡窗格元素都会出现。我知道它现在出现了,因为它正在找到第一个并停在那里,但每次我试着放我自己的脚本,它都不起作用
我无法将代码粘贴到提供的框中,因为格式设置变得疯狂(缩进),但这里是
<body data-spy="scroll" data-target="#myTab">
<div class="container" style="backg
我们正在尝试用bootstrap重新实现我们的注册表单。我们的注册表单包含一个代表公司类型的下拉列表。我在网上进行了广泛的搜索,但我没有看到任何表单输入是下拉列表的例子
Bootstrap提供了大量与各种操作相关的下拉列表示例,但我需要的是一个下拉输入。我提出了两个解决方案:
第一:
<label>Type of Business</label>
<select class="form-control">
<option>small<
我已经创建了一个小提琴,你可以看到剑道下拉列表的大小没有按预期设置
如何修改代码以获得预期的行为
问候
HTML代码:
<form class="form-horizontal" role="form">
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Email</label>
<div
请看我的密码
我有一个div.row和这一行内的一些红色div,这些红色div都是固定大小的。
我希望对齐所有红色div,以便:
它在一行中填充尽可能多的红色div
要么所有div都位于行的中心,要么正确计算div边距,以填充整个行宽度。目前,右侧可能有未使用的空间
如何做到这一点?首先,引导行最多可以包含12列,或者各种宽度或偏移量的列加起来最多可以包含12列。因此,一行中只能有6个col-xs-2,或12个col-xs-1,或3个col-xs-4,等等。有很多方法可以自定义和扩展,例如嵌套列
我刚刚发现标记中的换行符可能会导致Twitter引导标签中出现预期的呈现
请参见此处的示例:
这是一个bug还是什么?请查看以下文档部分:
一般来说,在包含文本的元素中,应该避免在开始标记之后或结束标记之前出现空格
这是因为这些情况下的代理行为没有定义
每当您遇到此类问题时,解决方法就是删除有问题的空白并继续前进
<span> bad bad bad</span>
<span>bad bad bad </span>
<
在Bootstrap 3上是否可能有跨行的列?见下图:
因此,一旦在移动设备上,它将显示如下:
我是magento的新手,我尝试将twitter引导添加到magento mysite。但这是行不通的
这是该项目的结构
这是local.xml文件
<layout version="0.1.0">
<default>
<reference name="root">
<reference name="head">
<!-- Adding jquery and twitter-boots
有人能帮我吗???我正在尝试在Bootstrap3中运行旋转木马幻灯片和验证。在插入验证脚本之后,旋转木马就不工作了
我已经多次尝试应用noConlict(),但仍然不起作用。
这是我的脚本
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/jquery.validate.min.js"></s
我正在使用Bootstrap开发一个移动网站
目前,我有一个标题,在屏幕左侧有公司徽标,在右侧有3个导航按钮
如果徽标和导航按钮无法在屏幕上显示,我会尝试使所有内容都能相应地调整大小
徽标的大小调整得很好,但如果屏幕太小,3个导航按钮将换行
我如何防止这种情况,使他们的大小一样的标志。我不确定我做错了什么
请参阅下面的代码
CSS:
HTML:
演示:
需要一个宽度,您还需要使用网格系统的结构来防止额外的填充
==HTML==
徽标图像的尺寸是多少?@Skelly 150 x 2
我试图在bootstrap中实现以下布局,但我似乎无法在mobile和desktop中正确布局
我的“手机”示例如下:
事实上,该网站在一些手机和平板电脑上看起来不错,在其他手机和平板电脑上完全无法使用
我也尝试过类似的方法:
对于桌面外观,我需要:
_________________________
|question| p |question|
| | i | |
| | c | |
|question| t
我正在尝试将文本分成新行,但是和/n不起作用
这是我的密码:
<a id="contact-seller" class="btn redB seller-btn"
data-confirm="By contacting this seller, you are automatically share your
profile information as well.<br/>Would you like to proceed?">
Contact
编辑:我已经包括bootstrap.js和bootstrap.min.js,但仍然无法工作
您好我的引导下拉菜单不工作我复制了与w3schools.com中相同的代码,但当我单击它时,它不会显示菜单栏选项
这是我的密码
<html>
<header lang="en">
<title>E-Sports News</title>
<meta charset="UTF-8">
<link rel="styles
我怎样才能使它看起来像一个水平的单行/行列表,以垂直列分隔(而不是一组行和一列,如下所示)
Cras justo odio
Dapibus ac设施在
Morbi leo risus
Porta ac concetetur ac
eros的前庭
在这种情况下使用有意义吗?还是应该用它来代替?我需要类似于列表组/列表组项目的边框分隔 您可以将float:left设置为li元素,使其在一行中保持水平
ul.list-group:after {
clear: both;
display
我为我的一个客户开发了一个网站,除了在Galaxy S6主题中提到的几个手机型号(另一个型号可能是iPhone 6和HTC one)之外,它在大多数移动设备上都运行得很好。这些型号的分辨率与桌面的分辨率一样大,因此网站无法正常显示
我的问题是:
-我现在是否必须为所有这些设备编写适当的媒体查询,或者有一些更快的解决方法(例如一些简单的“纵向”媒体查询,它将使用Bootstrap的col xs-*类?
-或者我必须等待引导程序4,在那里它可能会被修复
p.S抱歉我的英语不好。我也有同样的问题,但不
我试图在我的Ubuntu系统中解析blk00000.bat文件。我遵循此文档的说明寻求帮助。
当我运行视线时。py代码为:pythonsight.py blk00000.dat'
它显示错误:
回溯(最近一次调用last):文件“sight.py”,第25行,在
main()文件“sight.py”,第20行,在main中
解析(区块链)文件“sight.py”,第11行,解析
block=block(区块链)文件“/home/amit-b3/amit_Repo/blocktools maste
我尝试在所有情况下为所有字段设置相同的输入大小:XS、SM、LG等,使用bootstrap。但是,除了制裁日期字段外,所有字段都保持相同的大小
下图:
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Record Loan Type Information</title>
<meta charset="utf-8">
<meta name="vie
如何在基础6.2中制作固定的顶杆?
在推特Bootstrap固定类中使用固定的TopBar,在6.2基础上的等效方法是什么? < P> ZURB基金会6简单粘性菜单:
<div style="height:999px;">
<div data-sticky-container>
<div id="widemenu" class="top-bar" data-sticky data-options="marginTop:0;" style="widt
我想将表格行的高度调整为24px。我试着将行高放在CSS的顶部,并将其内联编写
CSS:
HTML:
等级
申请人
#登记
目录
但是,似乎没有任何东西可以使表行调整高度。我在这里做错了什么?将您的表内容包装在一个div中,像这样,单元格填充为24
<table cellpadding="24">
<thead id='dontMove'>
<tr id='theRow'>
<th>Rank&l
我已经安装了引导sass“^3.3.7”和reactjs。这对于像“well”这样的BS类来说足够了吗
这是我的组件的一部分:
render() {
return (
<div className="well">
hi from well
<button className="btn btn-danger"></button>
</div>
);
}
我有一个选择框,其中的选项具有策略名称。我需要在选项的工具提示中显示策略的描述。我尝试了使用数据提示选项的tipr插件。它适用于div、span等,但不适用于选择框选项。我也尝试了正常的方法,我附加在上面的链接。仅当下拉列表默认打开时,此选项才起作用
<div>
<h4>Default behaviours</h4>
<select>
<option title=""></option>
我是一名设计师,试图使用引导为开发人员生成输出
试着把我的头脑集中在设备大小和容器大小之间的差异上
对于固定容器-建议的大尺寸为992 px,容器为960 px
我应该为整个992像素设计吗?或
应仅将设计放置在容器大小(960px)内吗?
在固定布局中,容器大小是否可以更改为992 px
谢谢 听起来您的网站将以页面为中心
如果您对Bootstrap默认使用的容器大小感到满意,我会为它们进行设计,并将您的设计保持在960px以内(对于大屏幕)。侧面多余的空间起到了窃听器的作用,这样你的网站就不
我有一个表单,可以添加不同数量的字段。添加新字段时,显示以前字段的正确值存在问题-每个字段都重置为默认值,似乎输入的value属性无法正常工作
您可以看到该值已正确绑定(名称字段右侧的文本),但在创建“新列”期间,所有输入字段都重置为默认值
HTML:
包装纸:
import { Table } from './Table';
import { Column } from './Column';
export class TableWrapper {
table: Table;
我正在搜索作为Sass混音库使用的内容:Bootstrap或Bourbon
我发现Bootstrap更像是UI框架,您可以使用现成的组件和模块。Bourbon实际上是Sass库,它为您提供了一套编写SCS的工具,您可以轻松创建自己的组件和模块
我想知道Bootstrap用作mixin库有多方便
我试着在我的站点上用Bootstrap mixin为按钮编写代码,我不得不改变几乎每个按钮的mixin来获得我的按钮外观。我不得不删除很多预定义的代码
在波旁威士忌中,我用了一些普通的调味品,并写了一些新
如何从引导模式中获取价值?我正在使用reacstrap
这是我的页面,称为模态
import { ButtonGroup, Button, Input, Row, Col } from 'reactstrap';
import RegisterLookup from '../lookup/RegisterLookup';
<RegisterLookup
isOpen={this.state.register}
toggle={this.toggleRegister}
clas
我在React引导方面遇到了问题,我已经编写了这段代码,但它根本不起作用
<!Doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Prueba ReactJS</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/
我网站上的大多数页面在手机上看起来都不错,而且(通过php包含)它们都包含相同的固定顶部引导3导航栏和固定底部引导页脚。不幸的是,在博客页面上,它的宽度几乎是所有其他页面的3倍。这导致页面右侧出现一个大的白色间隙,一个水平滚动条,导航的折叠汉堡包菜单显示在最右侧,看不见。这仅在手机上发生,并且仅适用于此页面。正如我所说,所有其他页面在顶部包含相同的导航栏,在底部包含相同的页脚
在Chrome开发者工具中,我可以看到大多数页面元素的宽度都是360px(例如使用Galaxy S5视图)或375px(
我正在尝试在Angular 4中实现scrollspy。我已经在.angular-cli.json文件中导入了jQuery和Bootstrap.js。它不会在控制台中给出任何错误。但是,active类未按预期应用于li元素
标题.component.ts
ngOnInit() {
$(document).ready(() => {
$('body').scrollspy({target: "#myNavbar", offset: 50});
});
我制作了一个有粘性页脚的网站模板。它使用了一种常见的粘脚方法,我已经使用过很多次了。因为该模板使用的是Bootstrap4(现在是beta版),所以它提供了一种简单的方法来获得一个漂亮的工具提示。问题在于,如果页面内容向下推压页脚,则工具提示将从它应该附加到的链接分离
我真的希望工具提示独立于页面内容的数量,但我已经尝试了各种方法,无法找出哪里出了问题以及如何修复它。我想问一下,您不建议我使用不同类型的粘性页脚。保持粘性页脚CSS和相关HTML完好无损是很重要的
我只需要知道,当页面内容向下推压
我需要在客户端编译整个引导程序和一些其他scss文件。我正在为scss寻找一些js编译器,我找到了这个。我试过了,看起来不错,但我不明白如何处理文件。文档对我没有帮助。
我需要编译很多文件,我找到了这个答案,但如果你有超过10个文件,如何处理这些文件并不方便
在Less js中,您可以将.Less链接到,仅此而已。sass js是否有类似的选项
附言:我是在寻求解决方案,不是因为我为什么不这么做
我正在寻找如何使用sass.js实现scss引导的示例
假设我有一个文件结构
网
内容
引导
我从beta版更新到beta-2版,在运行npm run dev时,我在导入引导程序时收到以下错误,如下所示:
@import "~bootstrap/scss/bootstrap";
错误:
ERROR in ./resources/assets/app/sass/vendor.scss
Module build failed: ModuleBuildError: Module build failed:
@return mix($color-base, $color, $level *
我想显示垂直滚动条到tbody。根据我的搜索,我必须在t车身上应用display:block和thead
像建议的那样
然而,当我在表上应用引导的表压缩时,这不起作用。标题和内容不对齐
尝试将高度添加到.table类
.table{height:100px}我认为如果不重新定义css上tbody的“display”属性,这是不可能的,但这可能会破坏整个表格样式。重复
首先,对不起我的英语。我几乎完成了我的第一张“在线卡”,但突然我有一个恼人的问题。我尝试删除页脚和选项卡内容之间的距离(匈牙利版本可以)。我尝试过很多东西,包括max height、各种显示器和flex技术,但都没有效果。我用的是Bootstrap。非常感谢你的帮助
.tab内容{
显示器:flex;
调整项目:灵活启动;
柔性包装:反向包装;
填充:0.5雷姆;
}您的id=“magyar”有一个选项卡窗格淡入淡出的类。这就是为什么它没有得到display:none类切换到其他选项卡时。只需
我有下面的代码,根据我发现的示例,看起来应该将它们写在水平行中,但实际上它被渲染成了列
<div class="d-flex">
<div class="flex-row">
<div class="p-2">January</div>
<div class="p-2">February</div>
<div class="p-2">March</di
使用Drupal 8,Bootstrap 3主题,一旦浏览器窗口缩小到足以显示汉堡菜单,汉堡菜单就会显示得很好,
但是,一旦我将引导SASS子主题设置为默认值,
汉堡菜单消失/停止工作。
我几乎没有做过定制,所以基本上是根据初学者工具包的内容,复制到主主题文件夹中。
我无法跟踪错误发生的位置,以使此汉堡菜单停止显示。谢谢2pha,
我知道发生了什么:在结构/块布局中
我将“主导航”移到了“导航”块中,而不是“导航(可折叠)”块。一旦我将“主导航”移回“导航(可折叠)”块,汉堡菜单又开始出现。
出
我正在使用以下代码初始化工具提示:
$('.tooltip').each(function () {
$(this).tooltip({
html: true,
title: $('#' + $(this).data('tip')).html()
});
});
工具提示代码示例:
<div class="tooltip">
<div class="inner">
<div class="tooltip__conten
1 2 3 4 5 6 ...
下一页 最后一页 共 274 页