twitter-bootstrap 相关问题

Bootstrap是一个前端框架，旨在启动Web应用程序和站点的开发。有关Bootstrap版本的问题，请使用“twitter-bootstrap-2”，“twitter-bootstrap-3”和“bootstrap-4”标签中的特定版本标签。

如何制作适合移动设备的引导导航栏？

我没有具体的代码示例，只是寻找一般答案。我知道我的导航栏在移动设备中无法很好地调整大小，那么有没有好的/正确的方法来解决这个问题？有人提到使用 CSS @media

html css twitter-bootstrap

回答 2 投票 0

如何禁用链接的引导悬停颜色？

我正在使用Bootstrap。 Bootstrap 定义 a：悬停，a：焦点 { 颜色：#005580；文本装饰：下划线； } 我有这个链接/CSS-classes ...

css twitter-bootstrap href

回答 10 投票 0

如何在按钮单击事件上显示 typeahead.js 下拉数据？

我正在尝试找到一种方法来利用 bootstrap-tagsinput 库和 Bootstrap-3-Typeahead 来创建具有组合框功能的标记输入字段。这样用户就可以看到可用的...

javascript jquery html css twitter-bootstrap

回答 3 投票 0

CSS 按钮在列表中未对齐文本

正如您在此屏幕截图中所看到的，添加按钮后文本会变得垂直不对齐（稍高）。我怎样才能避免这种情况？（引导5）这是代码：正如您在此屏幕截图中所看到的，添加按钮后文本会变得垂直不对齐（稍高）。我怎样才能避免这种情况？（引导5）这是代码： <div class="container-fluid"> <div class="row"> <h2 class="border-bottom border-dark pt-4">Roles</h2> </div> <div class="card"> <div class="card-header"> <b>Roles</b> </div> <ul class="list-group list-group-flush"> <li class="list-group-item d-flex justify-content-between">Admins <button class="btn btn-sm btn-outline-secondary" type="button">View</button> </li> <li class="list-group-item d-flex justify-content-between">Custom <button class="btn btn-sm btn-outline-secondary" type="button">Edit</button> </li> </ul> </div> </div> 编辑：我还应该将文本包含在 li 内的跨度中以达到良好的效果为每个 align-items-center 添加类 li <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/> <div class="container-fluid"> <div class="row"> <h2 class="border-bottom border-dark pt-4">Roles</h2> </div> <div class="card"> <div class="card-header"> <b>Roles</b> </div> <ul class="list-group list-group-flush"> <li class="list-group-item d-flex justify-content-between align-items-center">Admins <button class="btn btn-sm btn-outline-secondary" type="button">View</button> </li> <li class="list-group-item d-flex justify-content-between align-items-center">Custom <button class="btn btn-sm btn-outline-secondary" type="button">Edit</button> </li> </ul> </div> </div>

html css twitter-bootstrap

回答 1 投票 0

验证 ngbAccordion 内的表单控件

在 Angular 中，我有一个 ngForm，里面像往常一样有一些输入，但我在表单内也有一个 ngbAccordion，在不同的面板中有多个输入字段。提交表格时，唯一的

angular twitter-bootstrap bootstrap-accordion

回答 1 投票 0

在模态窗口中使用标题

在 HTML 中创建模态框（内容上方带有黑色背景的 div）时，您认为在 div 中放置 HTML 标题时最合适的是什么？：标题钛... 在 HTML 中创建模态框（内容上方带有黑色背景的 div）时，您认为将 HTML 标题放在 div 中最合适吗？: <h1>Title</h1> <h5>Title</h5> <div class="modal-title h4">Modal title</div> 在 Bootstrap 网站他们选择 H5 或 H1。并且 React Bootstrap 添加了 .h4 类并删除了 HTML 标题：您认为最正确的是什么？是不是有点混乱？我发现有很多差异。如果我放置 H5 并且我的网站上已经有 H5，这是否正确？如果我将 H1 放入我的模态中，并且显然我的主网站上已经有 H1，这样可以吗？我们应该根据项目的需要来使用标题吗？有没有100%无可争议的真理？ MDN 文档建议不要以这种方式在页面上使用多个 h1 元素：注意：旧版本的 HTML 标准允许在嵌套分段元素中嵌套多个元素。然而，这从未被认为是最佳实践，现在也不符合要求。阅读更多内容没有文档大纲算法。我不怀疑这方面有一个标准，并且建议根据页面的其余部分使用最有意义的元素级别。如果您担心语义，您可能需要考虑使用 <dialog> 元素 (docs) 而不是 <div>。

html css reactjs twitter-bootstrap modal-dialog

回答 1 投票 0

引导程序在 MVC 中不起作用

Global.asax： protected void Application_Start() { AreaRegistration.RegisterAllAreas(); RouteConfig.RegisterRoutes(RouteTable.Routes); 映射配置。

asp.net-mvc twitter-bootstrap

回答 2 投票 0

使用 jQuery 3.7.0 的 Bootstrap 5.3.0 中移动导航菜单不会折叠

我正在尝试，当在移动视图中单击汉堡包图标时，导航栏列表（菜单、关于、奖项和电话号码）会出现，再次单击时会消失。但每当我...

javascript html jquery css twitter-bootstrap

回答 1 投票 0

样式表具有透明背景和不透明文本？

我有一个 Bootstrap 表，如下所示：我有一个 Bootstrap 表，如下所示： <table class="table table-striped table-condensed table-bordered"> <tr> <th>User</th> <th>Points</th> </tr> <tr> <td class="active">{{player.name|replace("@mysummitps.org","")|replace("@summitsanjose.org","")|replace("@gmail.com","")}}</td> <td class="active">{{player.points}}</td> </tr> </table> 在我的 CSS 中，我尝试通过以下方式使表格透明： table{ opacity: 0.3; } 这显然使整个表格变得透明。我怎样才能只让背景透明？我尝试更改background-color:rgba()，但这也不起作用。感谢您的帮助！ ~地毯嘶嘶声使用以下样式： table tr td, table tr th{ background-color: rgba(210,130,240, 0.3) !important; } 您需要更改 RGB 部分以匹配您的颜色。属性中的最后一个参数是 alpha 设置，它将使背景透明。您还必须调整 html 以正确放置结束表格标记。 <table class="table table-striped table-condensed table-bordered"> <tr> <th>User</th> <th>Points</th> </tr> <tr> <td class="active">{{player.name|replace("@mysummitps.org","")|replace("@summitsanjose.org","")|replace("@gmail.com","")}}</td> <td class="active">{{player.points}}</td> </tr> </table> JS 小提琴： http://jsfiddle.net/Lf9LG/ ::: 更新 - 2023 - BootStrap v5.3 ::: 添加到上面 - 要获得具有透明背景的表格，我必须应用一个单独的类（在您的 css 文件中），如下所示； .table_custom { --bs-table-bg: transparent !important; } 将此“table_custom”添加到代码中的表标记中，如下所示； <table class="table table-sm table_custom"> 适用于具有透明背景的小型表格。用户积分

html css twitter-bootstrap

回答 2 投票 0

什么是在我的代码中插入内联样式属性？

这是我的视图生成的代码示例： t 这是检查器中的样子（b...

css ruby-on-rails twitter-bootstrap inline-styles

回答 1 投票 0

jQuery Bootstrap Timepicker 开始和结束时间

我有2个时间选择器，第一个用于开始时间，第二个用于结束时间。我希望结束时间不应超过开始时间。我不想设置任何默认值，...

jquery twitter-bootstrap datetimepicker eonasdan-datetimepicker

回答 2 投票 0

如何对react中的map方法创建的数组使用引导网格？

我正在从 api 提取数据并映射到 JSON 数组以显示结果，如何使用引导网格使元素显示在另一个旁边而不是像列表一样？ //应用程序.js <...