草庐IT

bootstrap-4

全部标签

html - 在 bootstrap 4 中将图像居中放置在导航标题中

我使用新的bootstrap4alpha框架创建了一个导航栏标题。CSS.pulse-header{height:60px;min-height:60px;max-height:60px;background-color:#1f2532;padding:13px15px;}.pulse-header.navbar-nav-left{margin-left:20px;}.pulse-header.nav>.nav-item{margin-right:20px;}.pulse-header.nav>.nav-item>a{position:relative;}我想要一个位于导航栏中心的Lo

html - bootstrap - 如何将导航栏放在背景图片之上?

我是bootstrap的新手。这是我正在尝试制作的设计:如您所见,导航栏位于背景图片的顶部。这是我的:.navbar-default{background:none;border:none;}body{height:100%;}html{background:url('sun.jpg')no-repeatcentercenterfixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:0

html - bootstrap - 如何将导航栏放在背景图片之上?

我是bootstrap的新手。这是我正在尝试制作的设计:如您所见,导航栏位于背景图片的顶部。这是我的:.navbar-default{background:none;border:none;}body{height:100%;}html{background:url('sun.jpg')no-repeatcentercenterfixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:0

html - 有没有办法让 HTML 代码独立于 CSS 类名的变化?

我正在使用TwitterBootstrap3有一段时间,但现在TwitterBootstrap4来了。和新TwitterBooststrapcomeswithsomechanges,比如重命名.table-condensed至.table-sm例如。为了将来可能从当前版本迁移到future版本,有没有办法使HTML代码独立于CSS类名的更改?例如,如果我有.table-condensed类,有没有办法创建我自己的类table-small并从现有的TwitterBootstrap创建它的类(class)table-condensed?类似于(伪代码):.table-small{join(

html - 有没有办法让 HTML 代码独立于 CSS 类名的变化?

我正在使用TwitterBootstrap3有一段时间,但现在TwitterBootstrap4来了。和新TwitterBooststrapcomeswithsomechanges,比如重命名.table-condensed至.table-sm例如。为了将来可能从当前版本迁移到future版本,有没有办法使HTML代码独立于CSS类名的更改?例如,如果我有.table-condensed类,有没有办法创建我自己的类table-small并从现有的TwitterBootstrap创建它的类(class)table-condensed?类似于(伪代码):.table-small{join(

javascript - 根据选择(下拉)值显示 Bootstrap 模态窗口

Ihavecodethatwhenanoptionwithinselectdropdownischosentheproperbootstrapwindowappears.然而我的脚本并不容易维护。我必须将添加的每个新下拉选项添加到我的脚本中。编写以下脚本的更有效方法是什么?如果我不需要将每个新的下拉选项和模式窗口添加到HTML中,那么它会更有用。$("#selectbox").change(function(){if($(this).val()=="#myModal"){$('#myModal').modal('show');}if($(this).val()=="#myModal2"

javascript - 根据选择(下拉)值显示 Bootstrap 模态窗口

Ihavecodethatwhenanoptionwithinselectdropdownischosentheproperbootstrapwindowappears.然而我的脚本并不容易维护。我必须将添加的每个新下拉选项添加到我的脚本中。编写以下脚本的更有效方法是什么?如果我不需要将每个新的下拉选项和模式窗口添加到HTML中,那么它会更有用。$("#selectbox").change(function(){if($(this).val()=="#myModal"){$('#myModal').modal('show');}if($(this).val()=="#myModal2"

html - Bootstrap 导航栏下拉列表中的注销表单

我有一个带有下拉菜单的Bootstrap3导航栏。我希望我的“注销”表单位于该下拉列表中。它不是一个可见的表单,只是表单中的一个注销按钮。我试过这个:DropdownFooLogoff但它的样式不正确。如何让它匹配正常的下zipper接?我希望我不需要手动调整css,并且有一种内置的方法可以做到这一点? 最佳答案 这不会真正起作用,但您可以在其他地方创建注销表单:当用户点击注销时,你只需调用document.getElementById("logout-form").submit();在Javascript中或者你设置onclick

html - Bootstrap 导航栏下拉列表中的注销表单

我有一个带有下拉菜单的Bootstrap3导航栏。我希望我的“注销”表单位于该下拉列表中。它不是一个可见的表单,只是表单中的一个注销按钮。我试过这个:DropdownFooLogoff但它的样式不正确。如何让它匹配正常的下zipper接?我希望我不需要手动调整css,并且有一种内置的方法可以做到这一点? 最佳答案 这不会真正起作用,但您可以在其他地方创建注销表单:当用户点击注销时,你只需调用document.getElementById("logout-form").submit();在Javascript中或者你设置onclick

html - 将元素重叠在其他元素上

目前在我的页面上我有这个布局UltimateWarrior15AdventurercardRankD它给出了非常简单的结果但我想要实现的是将rank值从格式类似于输入的label移动到某些图像Assets或者可能只是带有更大字体的标签,这会重叠图像像这样如何使用HTML和CSS实现这一点?样本https://jsfiddle.net/46qnx1LL 最佳答案 您可以通过简单的负边距实现这一点,例如margin-top:-75px;。通过设置border:none;和background:transparent;只有字体可见。现在你