Questions tagged «twitter-bootstrap»

Twitter-Bootstrap按钮非常漂亮。通过滚动它们来尝试一下 但是它们的颜色有限。 有什么办法可以改变按钮的基本颜色，同时又保持引导程序使它变得如此漂亮和轻松的漂亮的悬停效果？ 我完全不知道twitter用于维持这些效果的css / javascript是什么样子。

96 css  button  twitter-bootstrap 

迁移到Bootstrap 4时，新的响应实用程序隐藏/可见类存在问题。我知道.hidden-类已从v3中删除，并替换为。使用新类，但元素未更改为可见/隐藏。不知道为什么。.hidden-*-up .hidden-*-down.hidden-*-up.hidden-*-down <div class="col hidden-xs-down"> <span class="vcard"> … </span> </div> <div class="col hidden-lg-down"> <div class="hidden-sm-down"> … </div> <div class="hidden-xs-down"> … </div> </div> * 在此示例中，无论屏幕大小如何（Safari，响应式设计模式）都不会隐藏任何内容

96 twitter-bootstrap  twitter-bootstrap-3  hide  hidden  twitter-bootstrap-4 

<div class="container"> <div class="row" style="padding-top: 240px;"> <a href="#" class="btn btn-large btn-primary" rel="popover" data-content="<form><input type="text"/></form>" data-placement="top" data-original-title="Fill in form">Open form</a> </div> </div> JS小提琴 我猜想我会将表单内容存储在javascript函数中... 如何在引导弹出窗口中包含表单？

95 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  popover 

ASP.NET MVC4 Bootstrap 3应用程序正在从Microsoft Visual Studio Express 2013 for Web IDE运行。 Chrome控制台始终显示错误 http://localhost:52216/admin/fonts/glyphicons-halflings-regular.woff2 Failed to load resource: the server responded with a status of 404 (Not Found) 该文件位于解决方案资源管理器的fonts目录中。构建操作设置为“内容”，复制到输出目录为“请勿像在其他字体文件中一样进行复制”。使用NuGet将Bootstrap 3添加到解决方案中。如何解决此问题，以免发生此错误？应用程序正确显示Glyphicon和FontAwesome图标。该错误总是在应用程序启动时发生。

95 asp.net-mvc  twitter-bootstrap  visual-studio  asp.net-mvc-4  glyphicons 

因此，我正在使用以下代码在当前打开的模式窗口中打开另一个模式窗口： <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> 发生的情况是，滚动条将在500ms左右重复。我猜是因为当前的模态仍在逐渐消失。但是，它看起来非常不光滑且结结巴巴。 对于解决此问题的任何建议，我将不胜感激。 另外，在onclick事件中构建此内容的方法是否不专业？ 我正在使用引导程序版本3.0。 编辑：我认为有必要减少淡出模态的时间。这怎么可能？

95 javascript  jquery  twitter-bootstrap  modal-dialog  twitter-bootstrap-3 

我刚刚创建了一个全新的 角度cli项目 并运行npm install bootstrap@4.0.0-beta jquery popper.js --save 和更改.angular-cli.json的相关部分，如下所示 "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], 但是收到以下错误 10:2287 Uncaught SyntaxError: Unexpected token export at eval (<anonymous>) at webpackJsonp.../../../../script-loader/addScript.js.module.exports (addScript.js:9) at Object.../../../../script-loader/index.js!../../../../popper.js/dist/popper.js (popper.js?4b43:1) at __webpack_require__ (bootstrap 4403042439558687cdd6:54) at Object.2 (scripts.bundle.js:66) at __webpack_require__ (bootstrap 4403042439558687cdd6:54) at webpackJsonpCallback (bootstrap 4403042439558687cdd6:25) …

95 twitter-bootstrap  angular  webpack  popper.js 

我要创建交替的100％彩色块。附件中说明了“理想”情况以及当前情况。 所需的设置： 目前： 我的第一个想法是创建一个div类，为其提供背景颜色，并为其提供100％的宽度。 .block { width: 100%; background: #fff; } 但是，您可以看到这显然不起作用。它仅限于容器区域。我试图关闭容器，但也没有用。

95 css  twitter-bootstrap  width 

我需要帮助解决问题，我需要将内容放在bootstrap4列的中心，请在下面找到我的代码 <div class="container"> <div class="row justify-content-center"> <div class="col-3"> <div class="nauk-info-connections"> </div> </div> </div>

95 twitter-bootstrap  flexbox  bootstrap-4 

我在用bootstrap-sass实现的Rails 3.1.2项目中使用Twitter Bootstrap 2.0.1。我正在加载bootstrap.css和和bootstrap-responsive.css文件，以及bootstrap-collapse.jsJavascript。 我有一个与示例类似的导航栏，布局流畅。在此之前，导航栏“响应变化”说明这里。效果很好：如果页面的宽度小于940px，导航栏将折叠并显示一个“按钮”，我可以单击该按钮来展开。 但是，我的导航栏看起来不错，可宽至550像素左右，也就是说，除非屏幕非常狭窄，否则不需要折叠它。 如果屏幕宽度小于550像素，如何告诉Bootstrap仅折叠导航栏？ 请注意，在这一点上我不希望修改其它响应行为，如堆叠的元素，而不是并排显示他们一边。

94 css  ruby-on-rails-3  twitter-bootstrap 

当我在页面中触发模式视图时，它会触发滚动条消失。这是一个令人讨厌的效果，因为当模式进入/消失时，背景页面开始移动。有没有可以治愈这种病的方法？

94 javascript  twitter-bootstrap  modal-dialog 

请看下面的图片，我们正在使用引导轮播来旋转图片。但是，当窗口宽度较大时，图像无法与边框正确对齐。 但是，无论窗口的宽度如何，引导程序提供的轮播示例始终可以正常工作。遵循代码。 有人可以解释为什么轮播的行为有所不同吗？这与图像大小有关还是缺少一些引导程序配置？ <section id="carousel"> <div class="hero-unit span6 columns"> <h2>Welcome to TACT !</h2> <div id="myCarousel" class="carousel slide" > <!-- Carousel items --> <div class="carousel-inner"> <div class="item active" > <img alt="" src="/eboxapps/img/3pp-1.png"> <div class="carousel-caption"> <h4>1. Need a 3rd party jar?</h4> </div> </div> <div class="item"> <img alt="" src="/eboxapps/img/3pp-2.png"> <div class="carousel-caption"> <h4>2. Create …

93 javascript  jquery  twitter-bootstrap  carousel 

我试图在下拉菜单中创建twitter bootstrap子菜单，但遇到一个问题：我在页面的右上角有下拉菜单，并且该菜单还有一个子菜单。但是，子菜单打开时-它不适合窗口且向右移太多，因此用户只能看到第一个字母。如何使该子菜单不在右侧打开，而是在左侧打开？

93 javascript  jquery  css  twitter-bootstrap 

我已经阅读了Stack上有关Twitter Bootstrap和HTML5样板的各种问题。 我确实知道以下几点： Bootstrap和H5BP不等效，可用于不同目的 我知道Bootstrap的用途，我每天都在使用它-它是一个前端框架，即用型CSS和JS。只需将正确的类应用于选择器/元素，Bootstrap会为您做所有事情。他们在其网站上提供了广泛的支持文档，您可以在其中查看他们在框架内必须提供的内容以及如何实现该框架。 您可以使用initializr结合两者的力量 H5BP是一个模板。。。 但是我还不知道的是： H5BP的用途是什么？当访问他们的网站时，他们只给您源文件，就是这样（哦，是的，还有一个视频）。使用它有什么好处？例如，为什么要与Bootstrap一起使用？

93 twitter-bootstrap  html5boilerplate 

引导程序遇到了一些麻烦，因此有些帮助将是很棒的。谢谢 我想要什么：（顶部） 我当前的代码： <div class="form-group"> <input type="text" class="form-control" id="findJobTitle" name="findJobTitle" placeholder="Job Title, Keywords" onkeyup="showResult()"> </div> 当前屏幕截图：

93 twitter-bootstrap  twitter-bootstrap-3 

这是我的代码： <div class="container"> <div> <h1>Welcome TeamName1</h1> asdf <hr> asdf </div> </div> <!-- /container --> hr标签似乎没有按我期望的那样工作。与其画一条线，不如画一条线，就像这样：

93 twitter-bootstrap