twitter-bootstrap-3 相关问题

我试图在缩略图中显示一些广告，但它们之间有很大的空间..看看我正在使用引导缩略图来显示产品。回声' 我试图在缩略图中显示一些广告，但它们之间有很大的空间..看看吧我正在使用引导缩略图来展示产品。 echo '<div class="col-sm-6 col-md-3"> <div class="thumbnail"> <img src='.$source.' alt="Generic placeholder thumbnail"> </div> <div class="caption"> <h3>'.$title.'</h3> <p>Price:Rs.'.$price.'</p><br> <p> <a href="'.$adress.'" class="btn btn-primary" role="button"> View </a> <a href="#" class="btn btn-primary" role="button"> Update </a> <a href="#" class="btn btn-default" role="button"> Delete </a> </p> </div> </div>'; CSS 引导程序： element.style { } @media (min-width: 992px) .col-md-3 { width: 25%; } @media (min-width: 992px) .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } @media (min-width: 768px) .col-sm-6 { width: 50%; } @media (min-width: 768px) .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } user agent stylesheetdiv { display: block; } Pseudo ::before element :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } Pseudo ::after element :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } Inherited from body body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; } Inherited from html html { font-size: 10px; -webkit-tap-highlight-color: rgba(0,0,0,0); } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } 请帮我移除大的空间。物品没有对齐。针对特定网格尝试此操作： padding: 0

css twitter-bootstrap-3

回答 1 投票 0

创建一个带有 3 条水平虚线或线条的 Bootstrap 3 按钮

如何创建一个 Bootstrap 3 按钮，其图标具有 3 条水平线/破折号作为典型的 Web 按钮设置。？我找不到这样的 ico/glyphicon 那么我怎样才能用 css 做到这一点？

css twitter-bootstrap-3

回答 4 投票 0

在 Bootstrap 3 中单击导航栏元素外部时如何关闭打开的折叠导航栏？

如何在单击导航栏元素外部时关闭打开的折叠导航栏？目前，打开或关闭它的唯一方法是单击导航栏切换按钮。请参阅此处的示例...

javascript jquery html css twitter-bootstrap-3

回答 18 投票 0

AdminLTE 项目与 Java 集成

我正在尝试将 AdminLTE 项目集成到我的 java maven 项目中。 https://github.com/almasaeed2010/AdminLTE 我已经下载了代码，但不知道从哪里开始集成，因为我是新手

javascript java html twitter-bootstrap-3 integration

回答 1 投票 0

2 列表，行距 = 2，长宽比为 1/1

我正在努力实现这个结果：但我得到了这个：我正在努力实现这个结果：但我得到了这个： <table class="table" style="width: 100%;"> <tbody> <tr> <td rowspan="2" style="display: inline-block; width: 50%; aspect-ratio: 1/2;"> </td> <td style="display: inline-block; width: 50%; aspect-ratio: 1/1;"> </td> </tr> <tr> <td style="display: inline-block; width: 50%; aspect-ratio: 1/1;"> </td> </tr> </tbody> </table> 关于如何实现 rowspan = 2 的 1/1 表有什么想法吗？我的搜索表明 rowspan 和 inline-block 不能很好地配合。但没有建议修复/替代方案。这是我的解决方案 <table border class="table" style="width: 100%;"> <tbody> <tr> <td rowSpan="2">1</td> <td>2</td> </tr> <tr> <td>3</td> </tr> </tbody> </table>

html css html-table twitter-bootstrap-3

回答 1 投票 0

检查元素不工作/空白

每当我尝试检查元素时，什么也没有出现。我在 Chrome 上。我得到了元素|网络|来源 |时间轴 |简介 |资源 |审计|安慰菜单，然后每个菜单中都有一个子菜单...

html css twitter-bootstrap-3 frontend web-inspector

回答 7 投票 0

如何在 Bootstrap 3 中的手风琴中显示选择选项

我正在尝试在 Bootstrap 32 手风琴内部使用 Bootstrap Select 插件（请参阅此演示），但 Select 选项隐藏在面板主体内：我正在尝试在 Bootstrap 32 手风琴内部使用 Bootstrap Select 插件（参见此演示），但 Select 选项隐藏在 panel-body 中： <div id="collapseOne" class="panel-collapse collapse in"> <div class="panel-body"> <select class="selectpicker"> <option>Mustard</option> <option>Ketchup</option> <option>Relish</option> </select> </div> </div> 为什么会发生这种情况，我该如何解决？下拉列表的位置问题。小提琴：http://jsfiddle.net/52VtD/3386/ 只需在下拉列表中添加一个类即可使其位置相对。 .bootstrap-select .dropdown-menu{ position:relative; }

css twitter-bootstrap twitter-bootstrap-3

回答 1 投票 0

将 Bootstrap 从 3.3.4 升级到 4.0

我的网站曾经使用 Boostrap 3.3.4，自从我迁移到 Bootstrap 4 后，一切都坏了。本质上我网站的结构非常简单，一个包含一些巨型内容的容器......

html css twitter-bootstrap-3 bootstrap-4

回答 1 投票 0

如何在 HTML 中的同一行中有 2 种字体大小的文本？

我正在使用引导程序和基本 HTML 代码开发前端 HTML 页面。我需要打印特定产品的价格，比如 63 美元。我希望它在同一行，但 $ 的大小需要较小......

html css twitter-bootstrap twitter-bootstrap-3

回答 4 投票 0

如何制作一个行为类似于选择表单元素的下拉菜单和下拉切换类

我需要一个下拉菜单来更改按钮/切换的标签，就像 HTML 中的选择标签一样。我怎么做？添加一些代码进行澄清，但不知道是否会有很大帮助。我知道...

html twitter-bootstrap twitter-bootstrap-3

回答 2 投票 0

Bootstrap 选项卡和 Echarts

在第二个选项卡上显示我的 Echarts 时遇到问题。该图表仅显示在第一个选项卡上，但导航到第二个选项卡时不会显示 ...

twitter-bootstrap-3 echarts

回答 3 投票 0

引导模式对话框中的默认按钮

我正在尝试在引导模式中设置默认按钮。这是代码：http://plnkr.co/edit/1aLlDdL8WfkUrBVt4q31?p=preview 在模式窗口中，我希望“提交”按钮成为默认按钮。我

javascript jquery angularjs twitter-bootstrap twitter-bootstrap-3

回答 3 投票 0

Bootstrap 3 模态窗口不显示

我正在使用 Bootstrap 3（完整版），并且在代码中使用 bootstrap 模式：我正在使用 Bootstrap 3（完整版），并且我在代码中使用 Bootstrap 模式： <a data-toggle="modal" data-target="deleteMessage" class="btn btn-danger btn-sm"><span class="glyphicon glyphicon-remove"></span> Удалить</a>  <div id="deleteMessage" class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Modal title</h4> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div> 此代码是我从官方文档复制的，但它不起作用，模式窗口不显示。有什么问题吗？尝试将锚定代码更改为： <a data-toggle="modal" data-target="#deleteMessage" class="btn btn-danger btn-sm"><span class="glyphicon glyphicon-remove"></span> Удалить</a> 教程里好像有错字，data-target属性里应该多了个“#”。您忘记将 # 包含到 data-target 属性中 <a data-toggle="modal" data-target="#deleteMessage" class="btn btn-danger btn-sm"><span class="glyphicon glyphicon-remove"></span> Удалить</a> 现场演示

html twitter-bootstrap twitter-bootstrap-3 modal-dialog

回答 2 投票 0

如何使用 Angular 6 和 bootstrap 3.3.7 创建可折叠/可扩展/带有复选框列表的树结构

我正在尝试在父节点和子节点上都带有复选框的可折叠/树结构。我无法准确地创建它。我能够从 JSON 创建无序列表 { &...

javascript angular twitter-bootstrap typescript twitter-bootstrap-3

回答 1 投票 0

将输入填充到 Bootstrap 表格单元格的高度和宽度

我有一个表格（使用 Bootstrap 3.0），每个单元格中都有一个输入字段我有一个表格（使用 Bootstrap 3.0），每个单元格中都有一个输入字段 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <table id="itemTable" border="1" class="table table-bordered table-striped"> <thead> <tr> <th >Quantity</th> <th>Unit</th> <th>Material Name</th> <th>PO Vatable</th> <th>PO TAX</th> <th>PO Total</th> </tr> </thead> <tbody> <tr> <td> <input type="number" min="1" class="form-control" name="Quan[]"> </td> <td> <select id="BX_gender" name="Unit[]"> <option>Kg</option> <option>Piece</option> <option>Meter</option> <option>Pound</option> <option>Gram</option> <option>Feet</option> </select> </td> <td><input type="text" name="Material[]"> </td> <td><input type="number" step="0.01" class="small" name="POVATABLE[]"> </td> <td><input type="number" step="0.01" class="small" name="POTAX[]"> </td> <td><input type="number" step="0.01" class="small" name="POTOTAL[]" onkeyup="onRequestTotalModification(this.parentNode.parentNode.rowIndex)"> </td> </tr> </tbody> </table> 我试图将输入设置为包含它的单元格的宽度和高度，但没有任何效果（即使是内联样式）。我使用 thead 和 tbody 标签组织了表格，但它没有修复任何问题如果您尝试让输入成为整个单元格，则需要删除 TD 元素上的引导程序默认填充。 https://jsfiddle.net/2ay5yuq3/2/ .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{ padding: 0; }

html css twitter-bootstrap-3

回答 1 投票 0

twitter-bootstrap-3 相关问题

最新问题