草庐IT

Bootstrap4

全部标签

html - 如何用 css 右对齐 bootstrap pills

我有一个包含左、中、右三个部分的页眉。我似乎无法想出合适的css来使右侧的列(带有“电子邮件历史记录”和“返回列表”)float到列的右侧。谁能告诉我这是怎么做到的?感谢您的帮助。SaveContactEditContactEmailHistoryBackToList 最佳答案 注意:以下答案对Bootstrap2和3有效;在Bootstrap4中,等效类是float-right和viewport-specificfloatclassesarealsoavailable.最简单的选择是将pull-right类添加到ul元素。这将使药

javascript - 动态创建的 Bootstrap 按钮丢失空间填充

我有一个使用well类的Bootstrap按钮栏,在我的代码中重复了两次:一个是使用HTML代码创建的,另一个是使用动态javascript创建的。当我使用HTML时,Bootstrap工作正常。当我使用javascript创建它时,按钮失去了填充。我期望的结果在两个代码中是相同的。为什么动态创建的不遵守HTML创建的原始水平间距?有没有人可以帮助我。Originalcode:Button1Button2Button3RightText$(document).ready(function(){varupperWell=$("");$('#myMenu').append(upperWel

javascript - 动态创建的 Bootstrap 按钮丢失空间填充

我有一个使用well类的Bootstrap按钮栏,在我的代码中重复了两次:一个是使用HTML代码创建的,另一个是使用动态javascript创建的。当我使用HTML时,Bootstrap工作正常。当我使用javascript创建它时,按钮失去了填充。我期望的结果在两个代码中是相同的。为什么动态创建的不遵守HTML创建的原始水平间距?有没有人可以帮助我。Originalcode:Button1Button2Button3RightText$(document).ready(function(){varupperWell=$("");$('#myMenu').append(upperWel

css - 用于组合垂直/内联字段的 Bootstrap 复杂表单布局

我是Bootstrap的新手,但我的技能增长很快,也很欣赏它。我需要构建一个相当复杂的页面,其中将包含大量表单元素,包括多个地址填写组件。我在这里附上了我想要的基本设计的图像,但似乎无法用我可用的基本表单设计元素来实现它。我觉得我的方法正在变得“失控”,因为我有太多的嵌套级别并且对我实际在做什么的理解不够。因此,与其发布我目前获得的代码,谁能给我一个简化的示例来说明我的设计是如何实现的?我的虚线矩形表示我的页面应该有一个两列显示,大部分表单元素都位于较宽的RH侧。然后,在该列中,我的表单具有一些额外的复杂性。还有许多其他表单元素我什至没有在这里展示,这是我想以这种方式设计它的主要原因-

css - 用于组合垂直/内联字段的 Bootstrap 复杂表单布局

我是Bootstrap的新手,但我的技能增长很快,也很欣赏它。我需要构建一个相当复杂的页面,其中将包含大量表单元素,包括多个地址填写组件。我在这里附上了我想要的基本设计的图像,但似乎无法用我可用的基本表单设计元素来实现它。我觉得我的方法正在变得“失控”,因为我有太多的嵌套级别并且对我实际在做什么的理解不够。因此,与其发布我目前获得的代码,谁能给我一个简化的示例来说明我的设计是如何实现的?我的虚线矩形表示我的页面应该有一个两列显示,大部分表单元素都位于较宽的RH侧。然后,在该列中,我的表单具有一些额外的复杂性。还有许多其他表单元素我什至没有在这里展示,这是我想以这种方式设计它的主要原因-

javascript - Bootstrap 折叠导航栏不展开

我是Bootstrap的新手,只是想让折叠的下拉导航栏正常运行。它完美地调整大小,一直到窗口太小以至于它触发所有导航栏元素被删除并放置在小数据切换按钮内。因为当我单击那个lil'数据切换按钮时,它不会像预期的那样展开并显示下拉列表中的元素。TogglenavigationHomeFamilyLawCriminalLawConveyancingAboutContact我在所有页面上都使用了相同的代码,但出于某种原因,它只适用于本网站的主页。首页和其他页面的唯一区别是在下面。标签还有另一个内容div,其中包含该页面的主要文本和图像。也就是说,当我从我的页面中删除此div的整个代码时,问题仍

javascript - Bootstrap 折叠导航栏不展开

我是Bootstrap的新手,只是想让折叠的下拉导航栏正常运行。它完美地调整大小,一直到窗口太小以至于它触发所有导航栏元素被删除并放置在小数据切换按钮内。因为当我单击那个lil'数据切换按钮时,它不会像预期的那样展开并显示下拉列表中的元素。TogglenavigationHomeFamilyLawCriminalLawConveyancingAboutContact我在所有页面上都使用了相同的代码,但出于某种原因,它只适用于本网站的主页。首页和其他页面的唯一区别是在下面。标签还有另一个内容div,其中包含该页面的主要文本和图像。也就是说,当我从我的页面中删除此div的整个代码时,问题仍

javascript - Bootstrap : Header moves when modal opens

我正在使用Bootstrap框架,但我的header和模态出现了一些问题。我页面上的标题是固定的,当模态框打开时,它会向右移动几个像素,并在模态框关闭时再次向后移动。示例如下:http://jsfiddle.net/D2RLR/7400/我希望它完全不动。我知道这是由滚动条引起的,这就是为什么fiddle中的容器设置为2000px的原因。关于如何解决这个问题有什么想法吗?代码如下:HTMLHomeProfileLaunchdemomodalCSS@importurl('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstr

javascript - Bootstrap : Header moves when modal opens

我正在使用Bootstrap框架,但我的header和模态出现了一些问题。我页面上的标题是固定的,当模态框打开时,它会向右移动几个像素,并在模态框关闭时再次向后移动。示例如下:http://jsfiddle.net/D2RLR/7400/我希望它完全不动。我知道这是由滚动条引起的,这就是为什么fiddle中的容器设置为2000px的原因。关于如何解决这个问题有什么想法吗?代码如下:HTMLHomeProfileLaunchdemomodalCSS@importurl('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstr

html - 无法在移动/ipad 浏览器上 float twitter bootstrap 导航栏

当您向下滚动页面时,将“navbar”与“navbar-fixed-top”类一起使用可使导航栏float在页面顶部。这似乎不适用于移动/ipad浏览器。我们为什么以及如何让它们也float在移动浏览器上。在ipad(safari,chrome)Android(firefox)WindowsPhone(IE)上试过这个。HomeNewsLink1Link2AnotherlinkLogin50linesoftext(justtohavethepagescrollable)我在head标签中有以下行来为移动设备启用Bootstrap响应。任何建议 最佳答案