-
17 votesanswersviews
Bootstrap 3 Grid,我需要一个容器吗?
我一直在玩bootstrap 3,我注意到如果你使用没有容器的网格系统就会变得流畅,有人告诉我我不应该这样做,因为系统设计在一个容器内 . 如果我不使用容器类会发生什么?,我是否需要它?如果可以的话,我可以使容器类宽度100%而不会弄乱引导程序的媒体查询,或者是否有任何其他或更好的方法来构建流体布局与引导3 . -
1 votesanswersviews
Bootstrap 3 - 自定义设备宽度
我正在使用Bootstrap 3和在线自定义工具 - http://getbootstrap.com/customize/ - 来设置特定的设备宽度,但我下载的软件包中的CSS似乎缺少任何网格系统 . 我包含了bootstrap.css文件,这是我的HTML . <div class="container"> <div class=&quo... -
2 votesanswersviews
如何使用bootstrap 3构建流体库?
我想用bootstrap 3构建一个库,我使用类.container-fluid进行全宽布局 . 我在bootstrap.css文件中注释padding-right和padding-left列: .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .co... -
5 votesanswersviews
可以在视口断点处将容器/行转换为容器流体/行流体?
为了学习Bootstrap,我正在复制http://www.newsweek.com/(尽可能使用vanilla Bootstrap)和顶栏(登录,注册等)让我受阻 . 对于一个大型视口,它似乎是一个简单的容器/行,但是当它调整大小并进入中等视口时,而不是打破它似乎转换到容器流体/行流体 . 我在Codepen中设置了一个测试人员,每个可能的容器和行组合都是流动的,响应独立和相关的(我知道)可以弄... -
0 votesanswersviews
Bootstrap 3 - 2列,全宽背景,标准容器内的内容
我目前正在学习Bootstrap,但遇到了一个我无法理解的问题 . 我有两列,其中我需要背景为不同的颜色和全宽 . 但是,我需要将我的内容保留在普通容器中,因为我的布局的其余部分 . 当我使用'container-fluid'时,我的内容以及我的背景颜色是全宽的 - 这是我不想要的 . 如果我在“容器 - 液体”和“行”中嵌入一个“容器”,那么所有东西都被包含在标准容器(背景和所有)中 - 这也是... -
0 votesanswersviews
Bootstrap - 使用或不使用滚动条调整网格系统
我正在使用Bootstrap网格系统动态布局我的页面上的内容 . 但是,当滚动条出现时,流体布局的宽度会发生变化,使其看起来有些刺耳 . 有没有什么办法解决这一问题? -
1 votesanswersviews
发布后,Ajax.BeginForm不会通过onBegin函数显示引导模式
我在MVC中有一个带有Ajax.BeginForm的登录视图 . 我想要做的是在te OnBeing方法上显示一个bootstrap模式对话框,一旦操作完成,我想关闭bootsrap对话框 . 问题是,当我提交表单时,对话框没有显示 . 动作控制器工作正常!我错了什么? <!DOCTYPE html> <html> <head> <meta cha... -
-2 votesanswersviews
具有 Headers 和叠加悬停效果的响应图像[关闭]
Click here to see Screenshot.我想创建一个带有 Headers 和叠加悬停效果的自适应图像 . 笔记: 在所有设备中,在翻转和转出时, Headers 位置将保持不变 . 在翻转时, Headers 背景将覆盖整个图像,不透明度为60% . 为了对齐 Headers 和 Headers 背景,每10px-15px我需要编写媒体查询 . 请参阅附件截图 .... -
1 votesanswersviews
旋转木马中的箭头和指示器未显示(来自DB的图像)
我正在 MVC5 中使用Carousel引导滑块和 Razor 视图引擎,其中包含从数据库调用的图像 . 如何显示指示符和箭头,如何为图像提供全屏宽度? Index.cshtml: @model NP1.ViewModels.HomeVM @{ ViewBag.Title = "Home Page"; } <!-- start carousel --> <... -
1 votesanswersviews
Bootstrap Popover:悬停/单击并关闭外部单击,但恢复为悬停模式
在下面的代码片段中,我有一个Bootstrap Popover,它支持Hover和Click模式 . 单击时,窗口保持打开状态,应关闭(1)自我点击(再次链接),或(2)任何外部点击 . 问题:外部点击后,弹出窗口进入“ currently open ”模式 . 这意味着如果再次将鼠标悬停在窗口上,则窗口会卡住并且不会消失 . 应该发生的是,在外部点击后,当您再次将鼠标悬停在其上时,您将恢复为原始... -
36 votesanswersviews
带有徽标或品牌名称文本的Bootstrap完整响应式导航栏
我想在Twitter Bootstrap 3.1.1中做一个具有指定高度的完整响应式导航栏,其中品牌可以包含图像(徽标)或文本 . HTML: <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="contain... -
1 votesanswersviews
隐藏其他手风琴项目
我使用select option 调用手风琴项目,如http://jsfiddle.net/Rnfzz/1/ 但是,当我从选择框中选择一个项目时,其他打开的手风琴项目不会自动隐藏 . 我如何隐藏其他手风琴项目,以便只显示点击的手风琴项目? 这是html C-1 Anim pariatur cliche reprehenderit,enim eiusmod high life accusamus ... -
0 votesanswersviews
Bootstrap 3在一个页面上的多个Accordions必须在事后指定数据父值
由于CMS的一些限制我正在开发我无法在页面加载时使用Bootstrap 3为适当的手风琴创建预期的标记,但是我可以非常接近 . 我遇到的问题是初始面板组id(accordion1),我无法将正确的data-parent =“accordion1”分配给面板中的data-toggle =“collapse”元素 . 我试图重写数据父引用到正确的手风琴ID,但它没有影响,就像崩溃绑定已经到位,我不知道... -
1 votesanswersviews
Bootstrap 3可折叠面板,没有id或数据
我需要处理面板折叠行为而不使用ID或数据属性 . 理想情况下,通过在父div上设置可折叠其内容的“可折叠”类,并且单击 Headers 应触发折叠 这是我想编写的目标HTML,用于自动处理崩溃行为 <div class="panel-group collapse-all-but-one"> <div class="panel panel-pr... -
0 votesanswersviews
Bootstrap 3数据 - 父级不在按钮和目标时工作,当它们不在一起时
我正在尝试制作可折叠元素,这些元素位于用于折叠它们的按钮下方(生物类) 我在这些按钮下方也有一个三角形类,它应该像我在面板类中尝试包装每个组的常规手风琴一样,但它甚至对于三角形类也不起作用 折叠本身是有效的,但是什么不起作用是我想在扩展另一个元素时隐藏所有其他扩展元素,我猜数据 - 父应该是为了这个,但我不能让它工作 . <div class = "container" ... -
4 votesanswersviews
Bootstrap 100%高度右侧边栏
我正在使用带有2列布局的Bootstrap 3 . 右栏是我的侧栏 . 我有不同的背景,我可以告诉我的侧边栏不会一直持续到主内容包装器的底部 . 在大多数情况下,右侧的主要内容比侧边栏内容长,但我不希望看到主要内容区域的背景,但侧边栏内容背景仍在继续 . 这是我为了达到100%高度侧边栏而模仿的jsfiddle,但我似乎无法让它工作 . http://jsfiddle.net/34Fc5/1/ 这... -
0 votesanswersviews
将ViewModel传递回控制器
我有一个集成Bootstrap和Knockout的工作应用程序 . 这个应用程序从我的控制器中提取数据,并在UI中显示,如我所料 . 当我单击或更改值时,我可以看到值已更新,但我似乎无法看到数据传回我的控制器以保存它 . 我需要知道的是如何解决我必须允许我将selectedRequestorName传递回控制器的问题 . 这是一个示例类 public class Requestor { p... -
1 votesanswersviews
使用webpack加载bootstrap以获得vue
如何让bootstrap工作并加载webpack for vue项目? 我一直试图用这个:https://www.npmjs.com/package/bootstrap-sass-webpack 我将加载器添加到我的webpack.config.js并安装了bootstrap-sass-webpack . 尝试构建时出现以下错误: ERROR in ./~/bootstrap-sass-webpa... -
132 votesanswersviews
如何在Bootstrap 3的导航栏中添加带图标的搜索框?
我正在使用新的Twitter Bootstrap 3,我正在尝试放置一个这样的搜索框(如下) in the top navbar : 在Bootstrap 2中,它可以像这样完成: <form class="form-search" method="get" id="s" action="/"> ... -
79 votesanswersviews
Bootstrap 3 Glyphicons CDN
请注意!此拉取请求合并后,Bootstrap图标将恢复 . 在过去几周内来回反复进行此操作后,我决定将Glyphicons图标字体恢复为主回购 . 鉴于图标在UI中的流行程度如何,对于大多数人而言,如果不将它们(或其他图标字体)包含在与CSS和JS相同的位置,则可能是一种损害 . 通过此更新,可以执行以下操作:恢复文档(在“组件”页面上)新变量,@ icon-font-path和@ icon-f... -
55 votesanswersviews
Bootstrap 3无法正确显示glyphicon
我正在从bootstrap 2.3迁移到bootstrap 3,一切运行良好 . 但是当我尝试添加一些图标时,图标字体无法正常显示 . 我试图在这里查看http://bootply.com/61521并且只显示'.glyphicon-envelope' . 其他人显示如'E001'等 . 我怎样才能解决这个问题? 对于其他浏览器,glyphicons正确显示,只有firefox无法正确显示它 . -
79 votesanswersviews
Bootstrap 3 Glyphicons CDN
请注意!此拉取请求合并后,Bootstrap图标将恢复 . 在过去几周内来回反复进行此操作后,我决定将Glyphicons图标字体恢复为主回购 . 鉴于图标在UI中的流行程度如何,对于大多数人而言,如果不将它们(或其他图标字体)包含在与CSS和JS相同的位置,则可能是一种损害 . 通过此更新,可以执行以下操作:恢复文档(在“组件”页面上)新变量,@ icon-font-path和@ icon-f... -
3 votesanswersviews
Bootstrap 3.0.0 glyphicon-earphone无法加载
我用最新的替换了glyphicons-halflings-regular.woff / eot / svg / ttf文件,但我仍然无法使用glyphicon-earphone工作 . 我得到一个有一个开放式底部的薄矩形 . glyphicon-phone-alt也是如此,但大多数其他工作都很完美 . 我试图在Bootply.com上重现这个问题,但它在那里工作正常 . 无论如何,这里是链接和代... -
5 votesanswersviews
Bootstrap 3 Glyphicon错误
我意识到这里已经回答了类似的问题,但很多答案都是使用宝石或直接修改Bootstrap的文件 . 虽然这些是有效的配置,但我想增加我在这个领域的知识集(链轮,Rails管道,一般的前端开发),并希望了解为什么这不起作用,底层问题是什么 . Ruby 2.0.0-p353,Rails 4.0.2,Bootstrap 3.0.3,Nginx 1.4.4,Passenger 4.0.33 我从他们的网站下... -
31 votesanswersviews
Bootstrap 3 - 显示所有屏幕尺寸的折叠导航
我正在使用Bootstrap v3 . 我有导航栏类,所以当我的屏幕移动大小导航崩溃并出现小网格状切换按钮 - 所以这是按预期工作 . 我想要的是,这是所有屏幕尺寸的默认操作 . 也就是说,即使在桌面上,我也希望折叠导航并切换按钮 . 我已经浏览了一下css,并且有很多东西提供了功能,但我不知道要改变哪些部分 . 我已经尝试过评论更大的媒体查询,虽然它们有很多,但它似乎对其他样式产生了连锁反应 .... -
72 votesanswersviews
Bootstrap navbar Active State无法正常工作
我有bootstrap v3 . 我在 navbar 上使用 class="active" ,当我按下菜单项时它不会切换 . 我知道如何用 jQuery 做这个并构建一个单击函数,但我认为这个功能应该包含在bootstrap中?那么也许这是一个JavaScript问题? 这是我的头文件,包含我的js / css / bootstrap文件: <!-- Bootstrap ... -
0 votesanswersviews
TYPO3表单 - 复选框的Bootstrap样式
是否有一个随时可用的CSS代码段来设置用TYPO3扩展表单(https://docs.typo3.org/typo3cms/extensions/form/8.7/)创建的复选框的样式?表单复选框元素的html如下所示: HTML: <div class="form-group"> <div class="input checkbox&quo... -
1 votesanswersviews
使用materialUI或bootstrap实现头设计
我想设计反应应用程序的 Headers . 我正在使用react materialUI和bootstrap 3.3.7 . 我认为使用bootstrap进行标头设计 . 如何继续进行或者我们可以使用react materialUI进行此操作吗? 此外,需要使此标头响应 . -
0 votesanswersviews
在ngx-bootstrap中自定义选项卡
我正在尝试为ngx-bootstrap的标签添加自定义样式以获得角度 . 我想要两件事1)去除边框线和2)将背景颜色背景到活动标签 . 但似乎没有任何效果 HTML代码 div > <tabset> <tab customClass="customClass" heading="Home"></tab> ... -
1 votesanswersviews
五个(20%)相等的div在一行中具有20px的边距权利?
如何在一行中获得5(20%相等)浮动div,每个除了最后一个孩子之外,每个边距为20px? 结构体: <div class="f-item pull-left">1</div> <div class="f-item pull-left">2</div> <div class="f-item pu...