草庐IT

$bootstrap

全部标签

html - 在 div 中并排 Bootstrap 图像和文本

我试图将图像和文本并排放置在单个div中的bootstrap中。为此,我使用了thumbnail的class。但是使用bootstrapthumbnail它使图像位于顶部,所有文本位于底部。所以我做了一些改动,将图像和文本仅放在缩略图中,并将缩略图分为两部分。但是在将屏幕尺寸缩小时出现了问题。文本在图像上移动。这是我到目前为止尝试过的代码HelloWorldLoremipsumdolorsitamet,consecteturadipiscingelit.Sedhendreritadipiscingblandit.Aliquamplacerat,velitafermentumfermen

html - 我可以让 Bootstrap 列在较小的屏幕上两两排到下一行吗?

我有这个html代码:TekstfdskfjsdghdfnufghdgufdhsgdfksjhgjfdksgbfjdskgfdjgbdfjhgdfkjhgfidughdfkjvhdfugdfhTekstfdskfjsdghdfnufghdgufdhsgdfksjhgjfdksgbfjdskgfdjgbdfjhgdfkjhgfidughdfkjvhdfugdfhTekstfdskfjsdghdfnufghdgufdhsgdfksjhgjfdksgbfjdskgfdjgbdfjhgdfkjhgfidughdfkjvhdfugdfhTekstfdskfjsdghdfnufghdgufdhsg

html - 如何对齐网页的 Bootstrap 面板中心?

我想将网页的整个面板居中对齐。有人可以帮我解决这个问题吗?你能帮我买一本可以用来学习Bootstrap设计的好书吗?UserLogin@Html.ValidationSummary(true)@Html.LabelFor(model=>model.Username)@Html.EditorFor(model=>model.Username)@Html.ValidationMessageFor(model=>model.Username)@Html.LabelFor(model=>model.Password)@Html.EditorFor(model=>model.Password)@

html - Bootstrap 4 : customize checkbox border

我正在尝试自定义复选框的颜色。我按照文档进行操作,想出了一种更改背景的方法:.custom-control-input:checked~.custom-control-indicator{background-color:#ffa500;}如果您单击该复选框,还会有一个蓝色边框(我认为)框本身周围有一个填充,但即使进行了一些研究,我也无法找到如何更改该边框的颜色。任何人都可以帮助我吗?我做了一个fiddle展示我所拥有的。有人知道如何更改该边框吗?提前致谢! 最佳答案 Bootstrap4使用box-shadow来获得这种效果:.c

html - Twitter Bootstrap - <form> 的两列布局

在Bootstrap2.3中,是否有一种标准化的方法来使HTML具有两列布局有标签/输入/Action?我在文档中没有看到任何内容。我想要的示例图像:http://i.imgur.com/3o6IoN4.png顺便说一句,我需要有一个跨越div.span12整个宽度的纯色背景色。或其他封闭容器。有两个.span6导致中心的背景颜色中断(我想这可以通过将两个.span6包装在一个div.clearfix并应用背景类来解决? 最佳答案 简单的东西。将Bootstrap行放入父div中,并将该div的背景设置为您选择的颜色。标记:Firs

javascript - Bootstrap 模式中的 jQuery dataTable 溢出

我在Bootstrap模式中有一个表。我在dataTable单元格内填充的内容非常大,它没有将文本换行以适合模态内的表格,而是溢出了模态,就像它无法获取模态宽度并换行文本一样。截图:我尝试了各种解决方案,例如指定wrapCSS以及指定表格宽度(以%和px为单位)以及在表格上设置宽度属性(以%和px为单位),但表格绝对没有变化.非常感谢任何有关如何纠正此问题的建议。代码摘录1(模态):×QuestionsCodeTitleInstructionExtractclass="text-center">ActiveEdit代码摘录2(数据表填充):functionshowQuest

html - Bootstrap 导航栏菜单重叠文本

我使用的是最新版本的Bootstrap,当我调整屏幕浏览器的大小时,导航栏在使用小切换按钮下拉时会与页面上的文本重叠,而不是将页面内容向下推。我已经多次研究过这个问题。我尝试将padding-bottom放在导航栏上,将padding-top放在body上。我已经尝试了许多其他建议但没有任何效果。感谢任何帮助。这是html代码:TogglenavigationHomeWhat'sOnAboutUsPartiesGalleryMenuShareFacebookTwitterContactUs我使用的css只是应用颜色/字体/字体大小等,没有任何东西会导致这个问题。这是一个基本而简单的宣传

html - 使所有图像在 Bootstrap 中显示相同的高度

我试图让所有一行4张图像都具有相同的高度大小,我已经尝试使用css调整宽度和高度但似乎没有任何效果,肖像图像总是比风景图像高那些,这是代码:OneRandomItem50€AnotherRandomItem50€AnotheranotherRandomItem50€AnyotherRandomItemAnyotherRandomItem50€是这样的:这就是我想要的(都是一样的高度) 最佳答案 您可以去掉HTML中的宽度/高度属性并使用CSS来实现。只需明确设置您的高度,并将宽度设置为auto。例如:.img-responsive{

html - 在 bootstrap 中删除页眉的上边距

HTMLABCCompanyCSS代码:.header_site{background-color:darkblue;}font{color:white;margin:auto160pxauto160px;}我想去掉上边距,如下图所示。 最佳答案 为您的h1和页眉设置margin-top为0并确保您的正文没有任何填充:body{padding:0;}.page-header,.page-headerh1{margin-top:0;}Examplebootply如果你需要你的h1向下移动一点,那么给它padding-top

html - 如何将底部的按钮与 Bootstrap 4 对齐?

这个问题在这里已经有了答案:Bootstrap-alignbuttontothebottomofcard(9个回答)关闭4年前。我使用的版本是Bootstrap4.0.0这是一个例子::https://getbootstrap.com/docs/4.0/examples/pricing/如何使按钮始终与底部对齐?这是jsfiddle:https://jsfiddle.net/34shLh1m/代码html:Free$0/mo10usersincluded2GBofstorageEmailsupportHelpcenteraccessHelpcenteraccessSignupforfr