Bootstrap 3是前端框架的第三代，允许更快速的Web开发，具有迷人的外观和感觉。与[twitter-bootstrap]标签一起使用
如何在 bootstrap-toggle 中更改文本的字体大小
这几乎就是问题所在。我有一个引导切换按钮。我想增加文本的大小（data-on 属性和 data-off 属性） 这几乎就是问题所在。我有一个引导切换按钮。我想增加文本的大小（data-on 属性和 data-off 属性） <input type="checkbox" checked data-toggle="toggle" data-style="android" data-onstyle="info" data-offstyle="info" data-on="increaseSize" data-off="increaseSize" data-width="500" data-height="200" data-size="large"> 这是手机上的样子。 @Rockstar5645 只需使用 CSS： .toggle.android .toggle-group label { font-size: 20px; } html（已发布，没有变化）： <input type="checkbox" checked data-toggle="toggle" data-style="android" data-onstyle="info" data-offstyle="info" data-on="increaseSize" data-off="increaseSize" data-width="500" data-height="200" data-size="large"> 在 Bootstrap 4 中： <input type="checkbox" data-toggle="toggle" data-onstyle="info" data-offstyle="outline-secondary" data-on="on" data-off="off" > .toggle, .toggle-on, .toggle-off{ font-size: 13px; // set font-size for on-off state } .toggle.btn{ height:30px !important; // set height for btn }
我在一个页面上有几个下拉按钮。以及导航栏中包含的下拉菜单。当您单击按钮或下拉菜单时，它会起作用并显示下拉菜单。当你点击外面...
使用 Bootstrap 3.2.0。 （还有 Bootswatch Default，但在我的测试中，这种情况也在没有 Bootswatch 的情况下发生。） 我在弹出窗口和弹出窗口的箭头之间看到一个轮廓： 我试过只是移动...
Bootstrap 3 & Boostrap 4 & Bootstrap 5 - input-xs（小于 sm）
我浪费了很多时间寻找一种方法来为输入和输入组制作我自己的 xs 大小（小于 small），所以这是代码！ Peter Butkovic 将错误/请求上传到引导程序 github：...
我加入了一个新项目，我的任务是给某个工具提示一个不同的样式。根据 bootstrap.css 使用的版本是 v3.3.7，根据 package.json ^4.0.0。所以我什至不确定...
Mobile Safari：为什么 window.scrollTo(0, 0) 没有滚动到 (0, 0)？
我使用 Bootstrap 3、Sammy.js 和 Knockout 3 构建了一个小型单页 Web 应用程序。我发现当页面向下滚动时，我无法获取 window.scrollTo(0, 0 ) 在 Mobile Safari 上工作 ...
我正在使用 bootstrap 3 为 angular 4 应用程序开发网页。 尝试添加一个搜索按钮（右上角/左上角），单击该按钮将在下一行中展开。请参阅右上角的搜索按钮...
我有以下带有响应表的 html。 当通过移动设备访问页面时，用户必须水平滚动才能查看全部内容，是否有引导程序来打破列
目前我正在使用 BS3（还不能转到 4，卡片看起来不错）而且我想不出让列正确流动的方法。我把所有东西都放在同一个“行”中，但它们没有“自然地”包裹 - 是
这是我第一次尝试引导程序。除了班级超大屏幕不工作外，一切似乎都已就绪。类容器工作并在中心带来内容，但假设是超大屏幕......
如何使页脚 div 在到达页面底部时将附加的 div 向上推
我正在尝试模仿此搜索结果页面的布局。除了页脚之外，我的所有内容都使用 bootstrap 词缀。当您在我链接的示例中滚动到底部时，...
与 DomPDF Laravel 兼容的 Bootstrap 版本
我有一个问题，在我尝试了很多版本的 bootstrap 在 dompdf laravel 中使用之后，没有人可以兼容。我在其他人那里搜索过和我一样的问题，他们说 bootstrap 3.3.6 是
我知道这个问题已经被问了很多次了，但是，由于我是 HTML 的新手，我仍然需要一些指导。 根据下面的代码，如何减少每列链接之间的间距？...
根据下面的代码，当我将鼠标悬停在每个链接上时，文本顶部会出现一个深蓝色框，从而模糊了链接文本。 我该如何解决这个问题，即不会出现深蓝色？ A {
根据下面的代码，如何将文本颜色更改为白色？代码改编自这个问题。在标记的问题答案中，我不知道如何在拳头位置将颜色设置为蓝色...
根据下面的代码，我怎样才能在新行中使用类似间距的 URL，如下面的屏幕截图所示？ 请注意，我不是每天都做 HTML 编码，所以我相当外行......
TypeError: $ (...).bootstrapTable 不是函数
<pre><code><table id="selectCaseTable" class="table table-bordered table-striped table-hover"> <!-- table code... --> </table> <!-- jQuery 3 --> <script src="/static/adminlet-2.4.10/bower_components/jquery/dist/jquery.min.js"></script> <!-- Bootstrap 3.3.7 --> <script src="/static/adminlet-2.4.10/bower_components/bootstrap/dist/js/bootstrap.min.js"></script> <!-- AdminLTE App --> <script src="/static/adminlet-2.4.10/dist/js/adminlte.min.js"></script> <script src="/static/adminlet-2.4.10/bower_components/datatables.net/js/jquery.dataTables.min.js"></script> <script src="/static/adminlet-2.4.10/bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script> <script src="/static/adminlet-2.4.10/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script> <!-- FastClick --> <script src="/static/adminlet-2.4.10/bower_components/fastclick/lib/fastclick.js"></script> <!-- AdminLTE for demo purposes --> <script src="/static/adminlet-2.4.10/dist/js/demo.js"></script> <srcipt> fuctions addSelectCase(){ ... $("#selectCaseTable").bootstrapTable('refresh'); } </script> </code></pre> <p>当我像下面那样打电话给<pre><code>bootstrapTable("refresh")</code></pre></p> <pre><code>$("#selectCaseTable").bootstrapTable('refresh'); </code></pre> <p>我在控制台上看到错误</p> <blockquote> <p>TypeError: $(...).bootstrapTable 不是函数</p> </blockquote> </question> <answer tick="true" vote="4"> <p>你应该打电话给<pre><code>Datatable()</code></pre>而不是<pre><code>bootstrapTable()</code></pre>，如下面的代码所示：</p> <pre><code>var table = $('#example').DataTable(); table.ajax.reload(); </code></pre> <p>欲了解更多信息，请单击此处查看以前的<a href="https://stackoverflow.com/questions/12934144/how-to-reload-refresh-jquery-datatable">问题</a>.</p> </answer> <answer tick="false" vote="3"> <blockquote> <p>TypeError: $ (...).bootstrapTable 不是函数</p> </blockquote> <p>这个错误是在<pre><code>$('#example').DataTable();</code></pre>之后的初始<pre><code>bootstrapTable</code></pre>你必须包含</p> <pre><code><script src="https://unpkg.com/[email protected]/dist/bootstrap-table.min.js"></script> </code></pre> <p>之后调用<pre><code>$('#example').DataTable();</code></pre>函数。 </p> <p>对于任何未加载的脚本或函数来说，这是一个常见问题，但是您调用它然后客户端站点浏览器给出此错误。</p> <p><strong>谢谢</strong></p> </answer> <answer tick="false" vote="1"> <p>我只是在 jquery 相关文件之后添加了 bootstrap 相关文件（js 和 css），问题就消失了。</p> </answer> <answer tick="false" vote="0"> <p>你可以使用</p> <pre><code>$('button[name="refresh"]').click() </code></pre> <p>只有你需要摆在你的桌子上</p> <pre><code>data-show-refresh="true" </code></pre> </answer> <answer tick="false" vote="0"> <p>这对我有用：</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="false"> <div> <pre><code>let table = $('#table').bootstrapTable({}); table.bootstrapTable('getData')</code></pre> </div> </div> <p></p> </answer> </body></html>
我正在尝试将一些 div 设置为 width: 100% on Twitter Bootstrap 3（包括无填充或边距）。 JSfiddle：http://jsfiddle.net/rq9ycjcx/ HTML: 我正在尝试在 Twitter Bootstrap 3 上将一些 div 设置为width: 100%（包括无填充或边距）。 JSfiddle：http://jsfiddle.net/rq9ycjcx/ HTML： <div class="container"> <header> <div class="row"> <div class="col-md-2"> <img src="http://placehold.it/150x50"> </div> <div class="col-md-10">Menu</div> </div> <div class="row gray"> <div class="col-md-6"> <h1>Page Title</h1> </div> <div class="col-md-6"> <div class="breadcrumbs">Main page > page </div> </div> </div> <div class="row"> <div class="col-md-12"> <img src="http://placehold.it/350x150" /> </div> </div> </header> <footer> <div class="row"> <div class="col-md-12">Content</div> </div> <div class="row dark"> <div class="col-md-3">Footer 1</div> <div class="col-md-3">Footer 2</div> <div class="col-md-3">Footer 3</div> <div class="col-md-3">Footer 4</div> </div> </footer> </div> 获取图像的正确方法是什么http://placehold.it/350x150width: 100%，包括没有填充或边距？ 页面标题和面包屑高度为80px. 如果我将窗口大小调整为较小的屏幕（例如移动设备），文本Main page > page 消失（它在某处但不在自己的行上）。 如何解决？ 使用<div class="container-fluid">。根据 Bootstrap 文档：使用 .container-fluid 作为全宽容器，跨越视口的整个宽度。 container-fluid上有0个填充。 在您的代码中，您的 body 中似乎有 header 内容，并且在 div class="container" 和 header 之外还有一个 footer。这是不正确的，你的container/container-fluid应该在你的身体里面。同样对于您的标题，您应该使用<nav="nav navbar-nav">. 更新小提琴 按照上面的建议，你可以创建一个辅助类 .padding-0 { padding: 0; } 并将其应用于任何需要重置填充的 HTML 元素。所以在你的情况下，它看起来像这样： <div class="row"> <div class="col-md-12 padding-0"> <img src="http://placehold.it/350x150" /> </div> </div> 对于第二个问题，将height类的.gray设置为auto： @media () { .gray { height: auto; } } 注意：您也可以删除line-height: 80px，它是可选的:) http://jsfiddle.net/rq9ycjcx/8/ 在 Bootstrap 3 中没有“正确”的方法来做到这一点。这意味着您必须为确切的列重置填充。 您可以创建一个这样的类： .col-md-12.resetPadding { padding:0px } 关于 Main page > page 消失，我在我的浏览器上没有看到这个问题（在 Chrome 和 FF 上测试过），但是你有 line-height: 80px 并且正如你所说你的面包屑 div 有 height: 80px;，所以尽量减少 line-height 财产，看看它是如何运作的。 一个简单的方法是删除 <div class="col-md-12">...</div> 并直接在行标签内添加您的内容。行标签移除了左右间距，而 cold-md-12 本质上是添加了间距。 Bootstrap 3 文档说，对于单个全宽项目，您不需要任何标记，例如，只需将其包装在 <p> 标签中。然而，由于页面标记，这将显示 15px 的间距。因此，只需添加 row 标签并将您的内容直接放入其中，您将获得 100% 宽度的内容并符合 BS3 文档。
如何使此代码处于全高状态（cms 是 OpenCart 2.1 并且正在使用 Bootstrap 3）？ 如何使这段代码处于全高状态（cms 是 OpenCart 2.1 并且使用的是 Bootstrap 3）？ <div class="row equal"> <div class="product-layout product-grid col-lg-3 col-md-4 col-sm-6 col-xs-12"> <div class="product-thumb"> <div class="image"></div> <div class="caption"></div> </div> </div> </div> CSS .row .equal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .equal > [class*='col-'] { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .equal > [class*='col-'] > * { display: flex; flex-wrap: wrap; } CSS 不能使它全高 Currentl 看起来像这样
我想在bootstrap 4中改变表格的宽度，如图所示，表格并没有使用所有页面的宽度，这是html中的代码。