我是语义ui新手,通常我使用bootstrap 3.0,我非常喜欢“visible xs”功能,有人在语义ui上有解决方法吗?基本上,它只是
.visible-xs { display: none !important; }
@media (max-width: 767px) {
.visible-xs { display: block !important; }
}
只需将其添加到CSS的某个位置即可。您可以使用容器的可见性:
但要小心,它们只适用于容器,而不适用于单个元素
如果
在bootstrap页面上,它说如果我想使用bootstrap源代码开发,我需要bower(需要node.js和npm)>所以在Windows上,我安装了node.js和npm,然后做了npm安装-g bower,它显然在我的用户配置文件AppData\Roaming\node\u modules\bower中安装了bower(由于-g选项)
我运行了bower安装引导程序并在用户配置文件中查找它,结果发现它安装在我当前文件夹的bower\u组件文件夹中(或者如果我使用npm install命令
在直截了当的jQuery中,我可以执行以下操作
$('#myCollapsible').on('click', 'hidden.bs.collapse', function () {
// do something…
})
但是,有没有一种“正确”的方法来做这件事呢?如果以上就是解决方法,那么我应该将事件处理程序放在哪里?请注意,我没有使用react引导插件。处理react不直接支持的事件的正确方法是在组件装载后将事件侦听器添加到DOM节点,并在组件卸载时将其删除:
类MyCollaps
通常,我使用CDN(或nuget)将引导或其他客户端库包含到我的网站中
最近我读到了NPM/Bower和其他现代软件包管理工具,并决定尝试一下
经过一段时间的浏览和调查,我现在完全困惑了,如何像以前一样下载并将引导distrib css/js文件包含到我的页面中
第一次尝试时,我使用NPM安装引导程序,它将所有源/模块等的整个引导程序下载到节点\u模块目录中。。。我在node\u modules/Bootstrap/dist文件夹中找到了发行版
现在有问题:
我是否应该将node\u模块/Bo
我正在使用bootbox.js向我的用户显示一些确认和错误消息。为此,我向bootbox提供了className属性,但是我注意到当我应用一个更改其背景的类时,.modal header的左上和右上半径会消失。下面是一个示例
我知道我可以通过将边界半径:5px 5px 0px 0px添加到.errorAlert.modal标头来解决这个问题,但我想首先了解为什么会发生这种情况
如果您的链接有问题,这里是重现问题的最低代码:
HTML
JavaScript:
$(function(){
$("
我不能让我的卷轴间谍工作,我已经尝试了一切,我做错了什么?我看了无数的例子,似乎都是正确的。这是整个文件,我想可能有一些冲突的css
<DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name=
我在行中有4个div,如下所示:
div.row{
文本对齐:居中;
}
div.row>div{
宽度:300px;
边框:1px纯红;
填充:20px;
显示:内联块;
浮动:无;
}
格格威格
fwwfwfwfwfwfwfwfwwfwwfwwfwwfwwfwwfwwwfwwfwwfwwfwwfwwfwwwfwwwfwwwfwwfwwwfwwwfwwwfwwwfwwwwfwwwww
GGEGWEG FWFWF fw ff wf wf wf wf wf wf wf wf wf
格格威格
填充剩余宽度
我已经使用上面的html创建了TopButton组。我想调整它,以实现一个按钮组更像下面的一个,在那里你没有圆角最宽的按钮右侧
<div class="input-group">
<button class="btn btn-default full-width">
<span class="pull-left"><i class="fa fa-sitemap"></i> Fills remaining wi
我用的是Boostrap 3。具有“row”类的DIV中的输入控件不与父控件左对齐是否正常?
它向左移动。我想可能是虫子吧
有没有一种方法可以在不调整CSS的情况下使其正确对齐(这意味着只通过Bootsrap CSS类)
请在此处找到问题的演示:
以下输入应对齐
但我是一致的!
所以文本是对齐的,我希望输入控件是对齐的,而不是输入中的文本
试试这个:
<style>
.form-horizontal .control-label {
text-align: left;
在这里,我有3列,总共占页面的100%:
<div class = 'col-xs-4'>*</div>
<div class = 'col-xs-4'>*</div>
<div class = 'col-xs-4'>*</div>
我记得在960网格中可以嵌套网格。一种方法是用另一个div包装列内容
HTML
列的默认填充将在列之间创建边距。以下是您需要的内容
<div class="container">
在Bootstrap3中,知道如何将不同的远程内容加载到已打开的模式窗口中吗?基本上,当用户点击一个按钮时,模式窗口就打开了远程内容。不显示新的模式窗口,而是使用新内容刷新当前模式窗口。提前谢谢 与无引导时的方式相同。侦听按钮上的单击事件,启动AJAX请求,然后在请求的回调中,将DOM从请求加载到模型的相关部分。在单击按钮时尝试AJAX请求。
基于一个JSFIDLE,我做了一个指令,当鼠标悬停在引导标记上或点击它时,它会在引导弹出框中显示一些信息。只要它是“独立”的,就可以正常工作
按钮和第一个在井里的徽章都很好
ng repeat中具有动态生成ID的徽章根本不起任何作用。
对于带有固定ID的徽章,只有前一个有效(因为它初始化了2次),这是有意义的
我不明白的是,在控制台日志中,您可以看到,ng repeat中的所有徽章都被找到并设置好了
不知道该去哪里找。有什么想法吗?我建议您尝试依赖angular ui引导库来实现所需的功能。但
我正在使用Bootstrap(3.2.0)构建一个站点,我的页面上有一个按钮,我想触发一个“下拉”菜单样式的效果,但是我不想让菜单从按钮向下展开,而是希望它滑出右侧。“下拉”菜单项仍将像普通菜单一样垂直堆叠,但菜单的左上角将连接到按钮的右上角,而不是将菜单的顶部连接到按钮的底部。听起来像是一个很棒的主意,我在网上找到了一个并排导航的例子
。下拉菜单。多列{
宽度:400px;
}
.下拉菜单.多列.下拉菜单{
显示:块!重要;
位置:静态!重要;
边距:0!重要;
边界:没有!重要;
盒影:无!
你好
我试着在“Categories”表中循环抛出数据,它起作用了——我在第一次打开视图时得到了数据,但如果我点击一个选项卡查看它的内容,我只得到了第一条记录?
我不知道为什么我会丢失第一次得到的所有数据?
剃须刀代码:
@section personAds{
<h2 class="title text-center">Person Ads</h2>
<div class="col-sm-12">
<ul class="nav nav-tabs"
我需要设置为字段以限制任何日期选择早于“从”字段
已尝试setMinDate、setMaxDate、minDate和maxDate。但什么都不管用
请建议。文档网站上有一个示例
使用以下代码可以轻松完成:
<div class="container">
<div class='col-md-5'>
<div class="form-group">
<div class='input-group date'
bootstrap 3网格系统针对4种不同的屏幕分辨率,具体取决于其宽度:
大/柱长(>=1200px宽)
中/柱md(992px-1199px)
小型/单列sm(768px-991px)
超小/列xs(=1600px宽度)
大型(1200像素-1599像素)
中小型(600-1199px)
MobileSmall(您可以使用官方网站的定制部分定制引导的几乎每个方面
该链接直接将您带到网格系统项
输入您的值,并下载自定义版本的引导。甚至包括一个JSON文件和您的设置,以便您以后可以重新导入并
如何在Yii2的Nav中添加分隔顶级项目的垂直分隔符?这是否得到支持
从的文档中我知道,我可以将水平分隔符(')或水平标题(')添加到第一级下拉项目中。但在顶级项目中添加这些类不会带来视觉效果
是否有任何方法可以直观地将Login项目与Nav中的所有其他顶级项目分开?引导程序3中没有垂直分隔符,请在此处阅读更多内容:
您只需创建所需的css规则。如何添加它?显然,bootsrap 3删除了垂直分隔符,您必须自己编写。@arogachev的方法与我对第二级(下拉)项所做的方法非常相同——将
我第一次在Bootstrap中的响应站点上工作,我无法解码类,如隐藏sm或可见md等
hidden sm是否意味着隐藏特定的DIV?hidden xx意味着将特定部分隐藏在xx
您可以在引导文档中找到更多信息
hiddenxx表示将特定部分隐藏在xx
您可以在引导文档中找到更多信息
你的问题的答案是肯定的。如果将div添加到.hidden sm类中,它将以768px的屏幕大小隐藏该特定div
如果元素属于.visible-*类,则表示对于该屏幕大小或更大的屏幕,该元素是可见的
例如:
.visi
我正在为我正在构建的Web应用程序使用bootstrap 3,通常在构建网站时,我要么希望我的页面居中(默认值.container),要么将其设置为总页面宽度(.container)。换句话说,网格系统将是构建页面的重要部分。有了这个应用程序,我对其他一切都更感兴趣,但如果我能让它以我需要的方式工作,那将是一个巨大的优势
我现在构建的应用程序不需要引导网格perse,因为它在最小屏幕分辨率下有一个特定的用例,该应用程序不必为平板电脑甚至手机进行缩放
为了给你一个直观的印象,我构建了一个自定义导航
不太确定会出什么问题,水平窗体的工具提示对齐已关闭,但是如果我将窗体控件的左、右填充更改为0,它将工作(居中对齐),是否有人可以提供帮助
代码:
姓
姓是必需的。
你能提供你的自定义css吗?还是默认引导css会出现这种情况?我使用的是默认引导css,我很好奇arrow和popover内容中“left”是如何计算的?这可能是一只虫子吗?这是在chrome中呈现的弹出内容,注意“left”元素有多宽。style{top:366.391px;left:1746px;display:block;}H
我们正在开发网站的一部分,以便在移动设备上访问
我们只想为web和移动设备开发一个站点,而不是单独维护一个移动站点
我们正在使用引导程序3
1。我们如何才能最好地了解我们的网站在各种设备上的外观?
在这里,我们使用Chrome和Firefox工具在iphone上显示网站,即375 x 667,但这两种视图看起来完全不同:
是否有一个工具可以准确地显示网站在所有主要设备上的外观和反应
此外,移动设备上的缩放实际上并不重新锁定导航栏,而是简单地放大导航栏,这样就不会获得调整浏览器大小时所获得的效
我有两个专栏:
<div class="col-md-9">
...main content here
</div>
<div class="col-md-3">
...sidebar content here
</div>
…这里的主要内容
…这里是侧边栏内容
我希望col-md-3位于右侧,直到第一个断点,然后在较小的视口中位于顶部。我玩了推拉栏的游戏,但不知道如何正确显示。请告知。这样就可以了
我们的想法是,最高级别的选
所以我是NPM&Webpack的新手,我有一个关于如何导入引导的问题。现在我知道的是npm安装--save bootstrap将把bootstrap作为一个依赖项放在我的package.json中。我对jQuery也做了同样的操作,要导入到使用jQuery的脚本中,我所要做的就是说import$from'jQuery'并且没有更多的错误,比如“jQuery到底在哪里?”
是否有类似的导入引导的方法
我查看了node\u modules目录,发现bootstrap目录有一个css&js目录,其中包
我使用Bootstrap进行响应。但我的客户喜欢手机的视角
这是如何实现的,或者使用什么样的框架来实现,或者它是嵌入到网站中的应用程序?这可以通过使用带有自定义样式的引导网格布局来实现。这种要求不可能有一个框架。Bootstrap框架为开发UI元素提供了初始基础,rest可以使用依赖于设计器的常规CSS样式轻松定制您必须使用隐藏的lg hidden md类隐藏移动视图的某些属性。你可以和我联系。我会帮你了解细节。skype:nafeeur.rahman1
我想知道如何使我的按钮链接到另一个页面。下面是我的尝试。但是,该按钮没有链接到“关于我”页面。所有文件都在同一个文件夹中,我没有拼写相同的错误,因此,我是否将按钮编码错误?这就是为什么它没有链接到所需页面的原因
<div class="container text-center">
<a href="About Me.html" class="btn btn-info" role="button">Click here to find more a
我有3列使用引导
<div class="row">
<div class="col-md-3">1</div>
<div class="col-md-5">2</div>
<div class="col-md-4">3</div>
</div>
1.
2.
3.
它们在大中型时看起来是这样的:
我希望它们在小尺寸和x-小尺寸下显示如下:
我试着用推拉法
<div c
我正在为自己设计一个网站
我遇到的问题是,当我在手机上测试我的网站(不接近完成)时,我不能使用导航栏折叠按钮。它只是消失了
如果有人能帮助我,我会非常感激的
我的坏导航条演示:
我的导航栏代码:
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header page
我正在尝试使用Bootstrap3,我正在为网格的新类而挣扎。以前版本的Bootstrap允许您通过添加span-*类来设置输入的宽度,因此,如果您想将两个输入放在同一个表单列上,可以添加span-2和span-10。我试图用bootstrap 3实现这一点,但我没有得到与您在本文中看到的相同的结果,我希望将select和输入设置在同一列上。我希望标签位于输入的顶部,因此将内联类添加到表单中不起作用
我错过了什么
干杯并提前表示感谢
大多数人都不相信会涉及多少类,但表单控件总是100%,因此每个
我创建了一个custom-varibles.less文件来覆盖引导默认文件
我想更改字体文件。在某些地方,我需要补充一点
src: url(../fonts/MyFont.woff)
但是我找不到它。哪里是执行此操作的适当位置?覆盖:@图标字体路径,@图标字体名称,@图标字体svg id上述变量用于字形图标。我需要使用另一个字体文件。如果您不想使用引导的图标类,那么首先没有理由修改引导本身(除了删除Glyphicons类之外)。您只需编写一个单独的CSS块或更少。
我正在尝试从外部链接的内容关闭模式窗口
<a id="loginLink" data-toggle="modal" href="/Home/Login" data-target="#modalLogin">Log in</a>
<div class="modal" id="modalLogin" align="center">
<div class="modal-dialog">
<div class="modal-
bootstrap 3是否提供了将拆分按钮添加到对齐按钮组的方法
树立榜样
谢谢。我没有修复所有的样式差异,但是您可以使用display:table元素来包装您想要100%宽度的项目固定宽度的项目来填充区域
以下是更新的jsbin:
例如:
HTML:
<div class="padded-table">
<div class="tc-fluid">
content you want to be 100%
</div>
<div c
我似乎无法在我的引导结构中心内创建列--
我试着加上-
.col-md-3 {
width:20%;
display:block;
以及-
display: table-cell;
vertical-align: middle;
但是没有任何运气。我也尝试过清除浮动('clear:both'),但它使所有的图像变得混乱
我做错了什么?这里是。默认情况下,col-md-3应该这样做,但是如果您要覆盖,那么对于一行中的4个项目,您希望它是:宽度:25%
尝试一下您也可以
我已经尝试了各种方法在样式和专栏中模仿这种外观,但无法通过Bootstrap3获得它
是否有人可以为此列出twitter引导标记:
我已经被困了五天了
我尝试了以下方法:
<div class="container">
<div class="row">
<div class="col-md-8"></div>
<div class ="col-md-4"></div>
</div>
</div
Bootstrap Tags Input中的标记溢出容器
因此,我想设置标签的最大宽度,或者是否有任何方法可以阻止标签在引导标签输入中溢出
如需参考,请访问。只需添加引导标记输入事件:
$('#Id').on('itemAdded', function(obj) {
var tagsinputWidth = $('#Id').parent().find('.bootstrap-tagsinput').width();// Width of Bootstrap Tags Input.
链接到JS Fiddle:
查看详细信息
JSFIDLE中的上述代码在Firefox和Chrome中运行良好,但在IE浏览器中,视图细节向右对齐,选择平面在左侧
我试着移除pull right,将pull right与div标签一起移除,为pull right添加了一个新的div,但似乎没有任何效果。我认为它在IE9中可以正常工作,但在IE8中不行。bootstrap3中的thatpull right和其他col*的问题在于,它们大量使用媒体查询,以使浮动和列响应
它建议如果您想支持IE8
我遇到了Chrome、FF和IE 11的问题。。。在引导模式剪贴板中时,modal clipboard.js不会复制剪贴板中的字符串。我做了一个测试,使用相同的代码从主页和模式复制。这在主页面内工作正常,但在模式内工作不正常
我在剪贴板上添加了一个监听器,成功地获得了基本信息,我在控制台上获得了完全相同的信息,包括。。。因此,从它的角度来看,它成功地复制了字符串,甚至在模态中
clipboard = new Clipboard('a[href^=\\\\], a[href^=file]');
c
我从bootstrap开始,试图在一行、一个容器中创建一个简单的列。
其目的是使列中的内容占据页面宽度的四分之一(或网格的3/12)。
这是我的密码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewpo
在大视图或中视图上显示的表格。。。除了小的以外都可以:
<table class="table table-striped table-mobile mobile-primary">
<colgroup>
<col class="col-lg-3">
<col class="col-lg-
在bootstrap3中,是否可以将元素设置为mobile(xs)的block和所有其他屏幕尺寸的inline
例如:
<span class="display-block-xs">content here</span>
这里的内容
我做了一些研究,在bootstrap 3上,您似乎已经:
.visible-xs-inline
及
您可以使用:
.hidden-xs
用于内联元素的安全性。希望它能帮助你。是的,你可以这样使用它
<div class="visi
我正在尝试创建一个模式,以适应我提供给它的内容的类型
我使用的模式非常简单。没什么特别的。
&时代;
@**@
拯救
取消
我试着给他们class=“col-xs-12”,但没有用。但添加宽度为1000px的样式会使其更大,但模态会向右扩展。
我现在已经读了很多关于引导断点和网格系统的书,并仔细阅读了许多stackoverflow问题,但仍然被迷惑了
我有一个简单的引导v3容器,如下所示:
形象
文本
在网络浏览器中,这渲染得很漂亮,但在我的手机上,图像和文本继续占据一行,没有中断,因此图像缩放得很小很难看,我希望Bootstrap做得最好,以手机的全宽渲染该图像,然后在其下方渲染下一个图像,也就是打断这两列
她目前有一个活样本:
如果有经验的人能深入了解为什么这不能像我在手机上希望的那样呈现,我将不胜感激
据我所知,boots
我在Twitter引导程序3中遇到了行和列的问题。我得到了5张图片,分为两行(第1行3张,第2行2张)。它们被设置为col-lg-4(一行3个图像)
我希望在减小窗口大小时,这些列变成中等(col-md-6),第三列“溢出”到下一行。有点像大屏幕上的3和2,中等屏幕上的2-2-1。我如何做到这一点?我不知道如何处理我的第三列,因为他仍然是第一排的一部分。媒体查询是这样做的吗
简言之,当屏幕较大时,我希望一行有3个图像,当屏幕中等时,我希望一行有2个图像,任何小于此值的内容,我希望每行有1个图
我试着继承
@import "bootstrap.less";
.span2 { .col-md-2; }
但这给了我
Running "less:dev" (less) task
>> NameError: .col-md-2 is undefined in src\bs2compat.less on line 9, column 10:
>> 8
>> 9 .span2 { .col-md-2; }
>> 10
我猜这与引导如何定义.col
一、 我正在尝试使用bootstrap3制作一个响应迅速的网站,它在大屏幕上是3列,在中屏幕上是2列:
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-4" id="sidebar1"></div>
<div class="col-lg-6 col-md-8" id="main"></div>
<di
我试图覆盖按钮上引导的悬停效果。我想节省一些空间,并通过简单地以类的名称传递到mixin中,并从中自动推断出该类的背景变量来轻松实现。所以我的混音是:
.btn-hover(@name){
.@{name}:hover{
background: lighten( @~"@{name}-bg", 10% );
}
}
.btn-hover(btn-primary);
但是我似乎无法通过将-bg连接到btn primary来访问变量@btn primary bg,因为@“@
试图找到一种方法,使引导3旋转木马将其显示的主图像限制为图像的自然宽度,并在下一个/上一个箭头下显示上一个和下一个图像的部分,以将屏幕的其余部分填充为100%宽度。不太清楚如何显示下一张和上一张图片的预览
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data
我正在做一个菜单中有动态元素的项目。我遇到的问题是,有时菜单中有大量的项目。当这种情况发生时,导航栏将向下展开并显示元素。问题是我需要导航栏保持相同的高度
理想情况下,我希望导航栏能够将不适合的元素放到下拉列表中,或者以其他方式处理它们。引导是否可以实现这一点?为了澄清,您希望项目仍然位于导航栏上,而溢出的项目则包含在下拉菜单中?我不认为只使用引导是可能的。您可能需要javascript/jQuery来将溢出的元素移动到下拉菜单中,这真的不需要花哨。我只是不知道有多少元素会在导航栏中结束,当你有
我正在开发一个使用引导的网站界面。网站有一个基本的2列结构,如下所示:[3][9]。
图形艺术家要求我将左列显示在sm和xs设备上作为“滑入”页面,就像通常用于导航一样。但是,尽管此列确实包含导航,但它的结构更为复杂。
我试图寻找解决办法,但这个问题似乎从未讨论过。也许我只是执行了错误的搜索?
一个包含jQuery的解决方案也可以
提前感谢,到目前为止,唯一的解决方案是在手机上隐藏sx[3]列,并将其内容复制到只在手机上显示的滑入式面板上。嗨,John,欢迎来到stack overflow。为了
昨天,我通过使用Composer在我的Symfony项目中添加Bootstrap安装了Bootstrap v3.3.6。现在我在我的Symfony3项目中有它,但我无法使用它,因为我尝试了我的小树枝文件中的所有路径,但它找不到该文件
是否有一些选项我必须修改或类似的东西 您需要将css/js/fonts/img文件夹放在web目录中
在您的代码中,调用类似的东西应该可以工作
<link rel="stylesheet" href="{{ asset('css/bootstrap.min.c
我有一个基本的基于引导的布局,我正在工作。我在navbar品牌元素中放置了一个徽标图像。这个标志大约有140像素高。然后我有一个导航栏右菜单元素,我想锚定到导航栏本身的底部。我在导航栏右侧尝试了垂直对齐,但没有任何影响。谁能解释一下如何做到这一点?这是基本布局代码:
<!-- Fixed navbar -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="containe
上一页 1 2 ...
5 6 7 8 9 10 11 ...
下一页 最后一页 共 37 页