Questions tagged «twitter-bootstrap»

使用Twitter Bootstrap，从CDN引用它或在我的服务器上进行本地复制的最佳实践是什么？ 由于Bootstrap一直在发展，因此如果我提到CDN，恐怕用户会随着时间的推移看到不同的网页，甚至某些标签可能会损坏。大多数人的选择是什么？

140 twitter-bootstrap  twitter-bootstrap-3 

我正在测试Bootstrap响应性导航栏，并且有一个演示网站。当我在桌面上调整浏览器的大小时，所有功能都可以正常使用，包括导航栏（可变为可折叠菜单），顶部带有一个小图标，单击该图标可以查看更多菜单按钮。 但是，当我通过移动浏览器进行尝试（我在chrome和Internet浏览器上进行了尝试）时，却没有看到响应式设计。我只能看到非常小的桌面版网站。 谁能指出我做错了什么？

139 twitter-bootstrap  user-interface  twitter-bootstrap-3  responsive-design  bootstrap-4 

我尝试使用此方法（他们的小提琴）来使用Bootstrap启用可滚动菜单，但是通过这种方法，可滚动菜单正确地扩展了它的容器- 小提琴 -非可滚动菜单不会执行此操作。 我怎样才能解决这个问题？也欢迎其他与Bootstrap兼容的方法的建议！ 作为参考，以下是第一种方法的提琴形式的HTML： <ul class="nav"> <li class="dropdown"> <a class="icon-key icon-white" data-toggle="dropdown" href="#" style= "font-weight: bold"></a> <div class="dropdown-menu" style="margin-left: 2em"> <ul class="dropdown-menu"> <!-- static non-scrollable menu header 1 --> </ul> </div> <div class="dropdown-menu" style="margin-left: 2em"> <ul class="dropdown-menu"> <li class="disabled"> <a href="#"><i class="icon-group"></i> <b>My Groups</b></a> </li> <li> <div class="dropdown-menu scroll-menu …

138 css  twitter-bootstrap  scrollable 

在最新的机制的文档有： <p class="mb-0">Lorem ipsum</p> 运行代码段隐藏结果展开摘要 问：什么是mb-0？

138 css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

我添加了此内容，但单击按钮时仍显示蓝色轮廓。 .btn:focus { outline: none; } 如何删除那丑陋的东西？

137 css  twitter-bootstrap 

我正在使用新的Twitter Bootstrap 3，并试图在顶部导航栏中放置一个如下所示的搜索框： 在Bootstrap 2中，它可以像这样完成： <form class="form-search" method="get" id="s" action="/"> <div class="input-append"> <input type="text" class="input-medium search-query" name="s" placeholder="Search" value=""> <button type="submit" class="add-on"><i class="icon-search"></i></button> </div> </form> 但是我不确定在Bootstrap 3中如何产生相同的东西，因为已经发生了很大的变化。 Bootstrap 3中导航栏搜索框表单的默认HTML是： <form class="navbar-form navbar-left" role="search"> <div class="form-group"> <input type="text" class="form-control" placeholder="Search"> </div> <button type="submit" class="btn btn-default">Submit</button> </form> 我如何对其进行修改以实现所需？

136 css  html  twitter-bootstrap  twitter-bootstrap-3 

我正在尝试将Bootstrap与Bower结合使用，但是由于它会克隆整个存储库，因此没有CSS和其他内容。 这是否意味着我需要在自己的构建过程中包括构建Bootstrap？或者如果我错了，那么正确的工作流程是什么？

135 twitter-bootstrap  bower 

我是reactjs的新手，我想在我的react应用程序中包含引导程序 我已经安装了引导程序 npm install bootstrap --save 现在，要在我的react应用程序中加载bootstrap css和js。 我正在使用webpack。 webpack.config.js var config = { entry: './src/index', output: { path: './', filename: 'index.js' }, devServer: { inline: true, port: 8080, historyApiFallback: true, contentBase:'./src' }, module: { loaders: [ { test: /\.js?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } …

135 twitter-bootstrap  reactjs  webpack 

我是一个Bootstrap新手，我有一个100％宽的模板，我想使用bootstrap进行编码。第一列从左上角开始，我在Google地图上将拉伸范围扩展到最右边。我以为可以在container-fluid课堂上做到这一点，但这似乎不再可用。我不知道如何使用bootstrap 3来实现该布局。我正在使用themeforest中的Geometry PSD模板，如果您想查看布局，请使用此处的链接：http ://themeforest.net/item/geometry-design-for- geolocation-social-networkr / 4752268

134 html  css  twitter-bootstrap  layout  twitter-bootstrap-3 

您可以像禁用按钮一样禁用Bootstrap 2.0中的选项卡吗？

134 javascript  css  twitter-bootstrap  twitter-bootstrap-2 

我正在使用Bootstrap 4 alpha 2并利用卡上的优势。具体来说，我正在使用从官方文档中获取的此示例。如何使所有卡的高度相同？ 我现在所能想到的就是设置以下CSS规则： .card { min-height: 200px; } 但这只是一个硬编码的解决方案，在一般情况下不起作用。我认为代码与文档中的代码相同，即： <div class="card-columns"> <div class="card"> <img class="card-img-top" data-src="..." alt="Card image cap"> <div class="card-block"> <h4 class="card-title">Card title that wraps to a new line</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This …

134 html  css  twitter-bootstrap  bootstrap-4  bootstrap-cards 

这不是一个子菜单下拉列表，类别是li类，如图所示： 通过从响应菜单中选择一个类别（模板仅为一页），我想在单击时自动隐藏导航折叠。由于模板只有一页，因此也可以浏览以用作导航。我寻求一种不影响它的解决方案，这是菜单的HTML代码： <!-- NAVBAR ================================================== --> <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="#">Carousel Demo</a> <div class="nav-collapse"> <ul class="nav" > <li class="active"><a href="#home">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#services">Services</a></li> <li><a href="#contact">Contact</a></li> <!-- dropdown --> </ul> <!-- …

133 jquery  html  twitter-bootstrap 

line-height: 1.428571429; Bootstrapline-height为什么设置为此值？ （一些主题将其取整为1.42857143。）

133 twitter-bootstrap  css 

这似乎是一个微不足道的问题，但我无法弄清楚。 在Bootstraps自己的网站上，有“选择”示例。 查看代码，选择元素上的边框半径为4。 我希望将边界半径更改为0会从选择元素中删除边界半径，但是事实并非如此-如下图所示。 我已经研究了所有更改select元素的CSS，但似乎都没有删除边框半径。

133 css  twitter-bootstrap 

我需要使用引导程序通过将div定位在页面中心来创建一个响应页面，如下面提到的布局一样。

132 css  twitter-bootstrap  responsive-design