标签: twitter-bootstrap-3
为什么在bootstrap中使用多个col- [lg | md | sm | xs]？
我见过一些使用类似项目的项目
<div class="col-xs-12 col-sm-8 col-md-6 col-lg-4">
为什么他们使用多个col-？
推荐指数
解决办法
查看次数
Bootstrap网站在移动设备中没有响应
我有一个网站，必须对手机有所响应。我已经在桌面上创建了它。当我调整浏览器窗口时，它可以完美地在手机上运行，但是当我在真正的手机上检查它时：OnePlus 2则无法响应手机视图。
有什么问题吗？
推荐指数
解决办法
查看次数
Bootstrap col-sm-4文本垂直对齐
我有一个问题是在col-sm-4 div中垂直对齐我的文本.如您所见,文本不是垂直对齐的.怎么解决？
这是我的HTML代码
<div class="container">
<div class="row">
<h1 class="section-title"> HOW NIBOOK WORKS</h1>
<div class="col-sm-4"><img src="img/Profile.png" class="how-it-works-step-icon">
<h1 class="how-it-works-title">Become a "NI"booker</h1>
<h2 class="how-it-works-subtitle">Create your profile and start sharing your skills and services to locals</h2>
</div>
<div class="col-sm-4"><img src="img/bookmark.png" class="how-it-works-step-icon">
<h1 class="how-it-works-title">Get booked from locals</h1>
<h2 class="how-it-works-subtitle">Meet in your convenient place to provide your talent</h2>
</div>
<div class="col-sm-4"><img src="img/page.png" class="how-it-works-step-icon">
<h1 class="how-it-works-title">Receive your money</h1>
<h2 class="how-it-works-subtitle">Get your money directly to your account</h2>
</div>
</div>
</div>和我的CSS
.how-it-works-title {
font-family: "Helvetica Neue", Helvetica, …推荐指数
解决办法
查看次数
推荐指数
解决办法
查看次数
如何获取引导程序轮播下一个图像的src？
我想知道如何获取引导程序轮播的下一个和上一个图像 src 并将其显示在具有类 previmage 和 nextimage 的 src img 标签中。
谢谢
编辑：
这是我的html：
<div id="slideshow-homepage" class="carousel slide swiper-container" data-ride="carousel" data-interval="5000">
<!-- Slides Container -->
<div class="carousel-inner swiper-wrapper">
<div class="item active swiper-slide">
<a href="#" title="">
<img src="" alt="" class="img-responsive">
</a>
<div class="caption">
<div class="text"></div>
</div>
</div>
<div class="item swiper-slide">
<img src="" alt="" class="img-responsive">
<div class="caption">
<div class="text"></div>
</div>
</div>
<div class="item swiper-slide">
<img src="" alt="" class="img-responsive">
<div class="caption">
<div class="text"> </div>
</div>
</div>
</div>
<nav class="nav-diamond">
<a class="prev leftButton" href="#slideshow-homepage" role="button" …推荐指数
解决办法
查看次数
使用 Twitter Bootstrap 自动完成的下拉列表
我想使用 twitter-bootstrap type-ahead 制作一个具有自动完成功能的下拉列表。
有什么方法可以实现这一点吗？
推荐指数
解决办法
查看次数
如何使Font Awesome图标可单击以在Bootstrap 3中打开模式
<i class="fas fa-plus fa-2x"></i>
这是我要单击以打开模式的示例图标。必需：1.bootstrap 3（因为先前的模板设计使用bootstrap 3）
推荐指数
解决办法
查看次数
Bootstrap 3 RC2有什么问题
我刚刚下载了最新版本的Bootstrap,我编写的代码文件看起来根本不起作用.请帮我看看我做错了什么或者Bootstrap在网上上传了废话文件.
下面的代码没有显示导航栏.我发现崩溃类给出了display:none; 当我调整浏览器大小时,导航就会出现点击按钮,但它太丑了
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Static Top Navbar Example for Bootstrap</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
</head>
<body>
<!-- Static navbar -->
<div class="navbar navbar-static-top">
<div class="container">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Project name</a>
<div class="nav-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a …推荐指数
解决办法
查看次数
引导程序3中的Bootstrap的LESS梯度混合？
@btn-font-weight: normal;
@btn-default-color: @brand-primary;
@btn-default-bg: .#gradient.vertical(@brand-primary; @brand-secondary; 0%; 10%);
@btn-default-border: #ccc;
推荐指数
解决办法
查看次数
将使用Bootstrap创建的新UI HTML设计模板集成到PHPFox开发的网站中是否可行和可行？如果有,怎么样？如果没有原因？
我有一个像'Facebook'这样的社交网站,它完全是用PHPFox 3.0.7版本(一个用php创建的社交网络平台)开发的.
该网站看起来类似于"Facebook",其大部分功能类似于"Facebook"的功能.
现在为了让网站看起来更好,我想整合使用Bootstrap(前端框架)开发的新HTML模板设计
我使用Bootstrap框架由HTML设计人员开发的HTML页面很少.现在我将这些HTML模板集成到我的PHPFox开发的网站中.
在这样做的同时,网站的现有功能应保持不变.换句话说,不应该更改当前的jQuery/AJAX功能,它们也应该与新的HTML设计一起使用.现在,这对我来说是一项重大挑战.我应该如何避免当前CSS/theme/jQuery/AJAX已经使用的id和类之间的冲突以及将从Bootstrap框架应用的新的id /类？无论如何最终已经起作用的功能不应该受到影响.
关于我应该采用什么样的方法来进行这种新的UI设计集成,我真的很无能为力.PHPFox文档中也没有太多可用的信息.即使我不知道是否可以这样做.
如果这个新的Bootstrap模板集成无法完成,请详细解释一下为什么？
我该如何使这个更改UI设计的过程更顺畅,更容易？使用已经开发的HTML模板,我采用了错误的方法吗？
此外,目前网站中使用了两个主题.将Bootstrap模板集成到网站时应该怎么做？如何管理这些东西,因为它们是PHPFox的admincp面板的一部分？
推荐指数
解决办法
查看次数