草庐IT

$bootstrap

全部标签

html - Bootstrap 3 : how to control input width inside input-group?

参见http://jsfiddle.net/7T9r9/举个例子。我想要实现的是让第一个输入宽度适合其中的文本(我想固定宽度也可以)。第二个输入应占据该行的其余部分,所有元素应位于同一行。有办法吗? 最佳答案 我猜你的fiddle是你想要的效果的一个例子,但你不想为它使用不同的列。基于值长度的动态宽度文本输入是不可能的(除非最近通过像Verou这样的CSS女神找到了一些东西)。所以假设那个人的宽度是固定的。然后另一个人可以利用另一个固定宽度来做边距等。像这样:HTMLCSS.row{position:relative;}.test1

javascript - Bootstrap 菜单下拉故障

大家好我已经为此苦苦挣扎了一个多月,查看了bootstrap和Stackoverflow上的各种资源,但我无法解决这个问题。我有一个跨越整个屏幕宽度的大型菜单。我面临的问题可以在下面的fiddle中看到:https://jsfiddle.net/btesoj8c/当您单击菜单项“Menu0”时,下拉菜单可以正常工作,然后如果您单击“Menu1”,下拉菜单也可以工作,但它不会折叠“Menu0”的下拉菜单。因此,这最终会导致菜单项争夺战以关闭菜单。代码如下:#main_menu{z-index:999;}.navbar{padding:0;margin:0;background:trans

javascript - jquery 和 bootstrap.js 不工作

大家好,请帮忙!我已经解决了stackoverflow中的所有jquery问题。我尝试了一些解决方案,但没有得到我想要的结果。我正在为我的公司制作一个单页网站,但我无法对其进行响应。代码如下:TopAccountant.ProvidingsolutionforallyouraccountingneedsTopAccountantHomeAboutServicesService1Service1Service1Service1ContactLoremipsumLoremipsumdolorsitamet,consecteturadipiscingelit.Fusceutnislsitam

html - Bootstrap3 - 列接触

我正在尝试使用bootstrap制作一个WordPress主题(我知道这样的人不多),但我在构建网格时遇到了问题。margintop是完美的,10px。但是两侧的边距不正确,如果我尝试在CSS中更改它,它会掉到一个新行中。我正在使用2个div:比方说这2个col-smdiv,其中block颜色为蓝色。它们在中间接触,我希望它们有10px的间距。下面的代码不是实际发生的情况,它是一种视觉表示,所以不要尝试修复该代码;)。编辑我现在已经应用了下面的内容,我的网站看起来像这样,它更接近但仍然不是100%现在它看起来像这样(颜色不影响我的大小):ScreenShot样式.css.even_sp

html - 如何修剪 Bootstrap 下拉菜单以适应内容?

我的网站编码经验有限。我正在尝试在我的站点中实现Bootstrap,特别是通过使用它创建导航栏。它工作得很好,除了当我点击下拉菜单的登录按钮时,菜单对于内容来说显得太宽了。我使用CSS样式表将用户名和密码表单对齐到下拉菜单的右侧,但表单左侧仍然有太多空格。例如,我更希望它缩减到“时事通讯”按钮的开头。可在此处找到网站:my_test_site代码:LoginUsername:Password:Submit 最佳答案 Class下拉菜单有一个min-width属性。最小宽度:10rem;.只需用.覆盖它最小宽度:1rem;

javascript - Bootstrap 下拉切换点击关闭

我有一个下拉按钮,其中包含锚定到页面不同部分的内容列表。此下拉菜单仅适用于移动设备。但问题是,在我单击下拉菜单后,它不会关闭。无论如何我可以让它在点击时关闭吗?我试过环顾四周,但它对我不起作用。JumptoCategoriesOneTwoThreeFour我还查看了bootstrap的js本身并捕获了这一行:if('ontouchstart'indocument.documentElement&&!$parent.closest('.navbar-nav').length){//ifmobileweuseabackdropbecauseclickeventsdon'tdelegate$

html - 有什么方法可以在 Bootstrap 中添加断点?

有什么方法可以将第5个断点添加到已经存在的4个断点上吗?不幸的是,4个对于我们目前正在进行的元素来说还不够。这个想法是创建一个新的断点屏幕高清,它超过1400像素。有什么简单的方法吗? 最佳答案 我在我的元素中使用这个:@media(min-width:1600px){@for$ifrom1through12{$width:$i/12*100;.col-xl-#{$i}{width:unquote($width+'%');float:left;}}} 关于html-有什么方法可以在Boo

html - 默认书写,在 Bootstrap 选择栏 HTML

在我的默认选择中,它显示列表“选择类型”中的第一个元素。这就是我想要看到它的方式,但我不希望它(“选择一种类型”)能够被选择并在列表中看到SelectaGenrePunkRockHardRockTurkishPopEnglishPop.wrapper{position:relative;top:326px;left:-42px;height:100%;width:100%;z-index:10;text-align:center;}从代码中可以看出,我的第一个选项似乎是默认选择。如您所见,我的选择条形码后面有我的div包装器CSS。我使用自定义Bootstrap栏。如图所示,它可以在选

html - 将 Bootstrap 样式应用于 Struts 1.x html 标记

我正在处理一些使用Strutshtml标签而不是标准html标签的遗留Struts1.x应用程序。我正在尝试在不进行功能更改的情况下使UI现代化。例如:输入字段是而不是如果我改变,至属性绑定(bind)中断,即输入字段中的值未传递给代码。如果我尝试将Bootstrap样式应用于,它不起作用。如何将Bootstrap样式应用到遗留的strutshtml标签? 最佳答案 您已将样式添加到styleClass属性。例如:或submit这是GitHub上一个非常基本的示例应用程序,它显示了这种工作方式:https://github.com/

html - Twitter Bootstrap - 仅限移动版本?

我正在为需要移动版本的客户创建网站。他们现在已经有了想要保留的网站,但只是想要一个完全不同的移动版本-所以,我想知道是否可以砍掉TwitterBootstrap,让它只使用框架的移动方面?如果我的问题没有意义,我深表歉意,如果没有,请随时提出更多问题,我会尽力更好地解释自己。总而言之,我只是想使用TwitterBootstrap设计一个网站的移动版本,但只是一个移动版本-不需要桌面版本,因为客户端域中已经存在一个。 最佳答案 正如Robin2k所提到的,'bootstrap-responsive.css'/'bootstrap-re