草庐IT

$bootstrap

全部标签

html - 使用 Bootstrap 的多行输入表单域

GetInTouchSubmitClear这是我在Bootstrap中使用的表单。我试图让我的最后一个输入字段跨越6列和向下3行,但它只显示为6列和向下1行。关于如何使我的输入框更大的任何想法?谢谢。 最佳答案 我认为问题在于您使用的是type="text"而不是textarea。你想要的是:澄清一下,type="text"将始终是一行,而textarea可以是多个。 关于html-使用Bootstrap的多行输入表单域,我们在StackOverflow上找到一个类似的问题:

jquery - bootstrap框架的 "data-toggle"属性从何而来?

我正在尝试为Bootstrapframework使用一些jQuery插件他们使用名为“data-toggle”的属性。我收到警告“属性数据切换不是a的有效属性”。数据切换来自哪里? 最佳答案 在HTML5中,任何以data-开头的属性都是有效的custom属性。基本上,这是一种将自定义数据附加到HTML规范中未明确定义的元素的方法。然而,在早期版本的HTML中,这并不有效。不过不用担心太多。浏览器通常只是忽略他们不知道的属性。这不会阻止像jQuery这样的库读取它们。 关于jquery-

html - Bootstrap 字体在移动设备上缩放太小

我花了很多时间在Foundation上,但很少花时间在Bootstrap上。我在Bootstrap中遇到了一个我不明白的响应问题,因为这似乎在Foundation中有效。问题是,虽然网格响应按预期工作,但我的字体被缩放得如此之小以至于在移动设备上几乎难以辨认。请注意,在下面的示例中,我将字体大小设置为14px,但在移动设备上,它变得非常小。您可以通过点击Chrome开发工具中的移动按钮来查看。重现这个的html非常简单,这里是一个jsbin:http://jsbin.com/lumepumufu/1/这是html:col-lg-4col-lg-4col-lg-4

html - Bootstrap 下拉列表被溢出 :hidden container, 截断如何更改容器?

使用Bootstrap,我在div中有一个下拉菜单(s),带有overflow:hidden,需要像这样.这导致下拉菜单被容器剪裁。我的问题是,如何解决这个裁剪问题,例如将我元素中所有下拉菜单的容器更改为body,以尽可能低的成本?这是代码示例:http://jsfiddle.net/0y3rk8xz/ 最佳答案 如果有人对此有兴趣,bootstrapdropdown有一个show.bs.dropdown事件,您可以使用该事件将下拉元素移到overflow:hidden容器之外.$('.dropdown').on('show.bs.

html - 使用 Bootstrap 响应图像限制图像高度?

使用Bootstrap在网站上工作,在投资组合部分,元素图像响应:'class'=>'img-responsive'它非常适合横向图像,纵向图像被放大以适合宽度,但太高了,有没有办法检查纵向图像并为其应用600像素的固定高度? 最佳答案 如果容器应该有一个固定的高度,那么给它一个ID(或一个类)并以相反的方式改变.img-responsive限制,例如.container{height:600px;}/*Andthenchange*/.container.img-responsive{display:block;height:aut

html - Bootstrap 3 水平和垂直分隔线

我无法在我的网站上放置水平线和垂直线。不确定这有什么问题。我试过使用边框,但我不确定我这样做是否正确。我想实现如下图所示的十字交叉分隔线:这是我的代码:RichMediaAdProductionWebDesign&DevelopmentMobileAppsDevelopmentCreativeDesignWebAnalyticsSearchEngineMarketingMobileAppsDevelopmentQualityAssurance 最佳答案 你必须为此使用Bootstrap吗?这是一个基本的HTML/CSS示例,用于获得

html - 更改 Bootstrap 导航栏中每个元素之间的空间

如何在我的导航栏上的每个链接之间创建更大的空间,使它们相距更远?是我更改了CSS还是HTML?以下是我在html中实现导航栏的方式:TogglenavigationHomeAboutPortfolioContact 最佳答案 您可以在CSS中使用属性padding更改此设置:.navbar-nav>li{padding-left:30px;padding-right:30px;}也可以设置margin.navbar-nav>li{margin-left:30px;margin-right:30px;}

html - 自定义高度 Bootstrap 导航栏

我想要一个高度为150像素的标题,其中包含一个导航栏。导航栏应在标题中垂直居中。HTML:PortfolioBlogContactCSS:header{width:100%;line-height:150px;color:red;height:150px;.navbar-inner{border:0;border-radius:0;background:blue;padding:0;margin:0;height:inherit;}}导航/菜单/垂直列表现在位于标题的右上角。我如何让它垂直居中?bootstrap.css未自定义。 最佳答案

css - Bootstrap 跨度和列之间有什么区别

我使用bootstrap,但试图了解Spans和列之间的区别,例子...or它们之间有什么区别还是做同样的事情? 最佳答案 ...是version2.3.2之前的旧Bootstrap语法,是Bootstrapversion3语法。主要区别在于新的Bootstrap基于“移动优先”方法构建,而旧的Bootstrap使用典型的960gs方法构建网格,然后单独处理响应。您现在有4个不同的值,它们将根据屏幕尺寸和想要的行为以不同方式缩放元素:.col-md-*相当于span*,而:.col-xs-*.col-sm-*.col-lg-*用于解

html - Bootstrap Carousel 图像以外的内容

我想在个人元素中使用TwitterBootstrap轮播。到目前为止,它工作得非常好,因为我使用了bootstrap主页的示例。现在我想在那里放置简单的html内容而不是图像。然后,此内容应以与图片相同的方式旋转。我输入的文本显示在轮播标题中,而我输入轮播标题的文本未显示。例子:ThisisthetextorhtmlcodeiwanttoplaceThumbnaillabelCarouselcaptiontext有没有办法完成这项工作?也许有一种方法可以声明一个300x300像素的白色跨度,我可以在其中放置一些内容。你应该知道我是初级水平。我现在正在学习html、css、js、mong