小编Rav*_*lya的帖子
Bootstrap - 右侧浮动导航栏按钮
我正在使用引导程序导航栏,但我想将其中一个按钮向右浮动而不是向左浮动.这是HTML:
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<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>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact" class="navbar-nav pull-right">Contact</a></li>
</ul>
</div>
</div>
</div>
我已经尝试使用nav navbar-nav navbar-right,float:right和pull-right.我真的不知道还能做些什么.任何帮助表示赞赏.
推荐指数
解决办法
查看次数
用于通过CDN的Bootstrap的Visual Studio intellisense
我通过Microsoft CDN安装了Bootstrap,如:
<head>
...
<link href="//ajax.aspnetcdn.com/ajax/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="//ajax.aspnetcdn.com/ajax/bootstrap/3.1.1/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
</head>
和
<body>
...
<script src="//ajax.aspnetcdn.com/ajax/bootstrap/3.1.1/bootstrap.min.js"></script>
</body>
使用Bootstrap一切正常,但Visual Studio并没有给我任何类型的智能感知.
例如,输入
<div class="(intellisense should open here)
什么都没有出现.
有没有办法从CDN获得智能感知？
推荐指数
解决办法
查看次数
在Chrome中刷新后,字体真棒图标消失
Bootstrap版本3
Font Awesome版本3.2.1
我在Chrome上遇到了bootstrap和font awesome的问题.当我最初加载页面时,正确显示字体真棒图标.刷新页面时,图标消失.**为了澄清,整个图标都缺失了,这不是其他人遇到的空框问题.
我在这里抓住吸管,但我注意到在原始页面加载和刷新之间检索文件的顺序存在差异.
刷新页面时,字体文件是要检索的最后一个项目,它似乎也是一个缓存版本.
最后,<div class="btn">当鼠标悬停在a 上时,任何位于a内的图标都将被加载div.
任何帮助将非常感激!
初始页面加载
页面刷新
推荐指数
解决办法
查看次数
Bootstrap 3水平可滚动行网站设计
我正在尝试使用bootstrap 3创建一个水平滚动网页.这是我到目前为止所尝试的.
@media (min-width:768px) {
.container {
width:100%;
}
#main-content{
min-height: 100%;
height: auto;
}
#main-content > .row {
overflow-x:scroll;
overflow-y:hidden;
}
#main-content > .row [class*="col-lg"], #main-content > .row [class*="col-md"], #main-content > .row [class*="col-sm"] {
float:left;
}
我尝试了在这个线程中提到的jquery方法,但是即使在将width设置为rowclass 之后它也不会滚动,这里col-lg显示的是类.
我也尝试row通过获得高度来设置col-lg-高度,但仍然没有成功.
我想要实现的是:
- col-lg-,col-md-和col-sm-类应该用它各自的宽度内容滚动.col的数量可能根据数据而有所不同.
- 在col-xs中,默认行为没有变化.
http://jsfiddle.net/ravimallya/7kCTD/3/这是工作场所.任何人都可以建议解决方法？css,jquery
推荐指数
解决办法
查看次数
Photoshop中的Glyphicons
我想在Photoshop中使用Bootstrap的Glyphicons(FontAwesome).我已经安装了字体,但是如何实际输入图标字符？
我找到了这个页面,我可以复制/粘贴列出的图标:http:
//fortawesome.github.io/Font-Awesome/cheatsheet/
但是,我没有看到glyphicon-stats该页面上列出的内容,我想使用它...它列在:http:
//getbootstrap.com/components/
谢谢
推荐指数
解决办法
查看次数
在ui中执行某些操作之前,AngularJS范围不会更新,例如单击具有函数的对象
当视口小于或等于641px时,我试图将类添加到我的侧边栏,我必须观察该窗口的宽度
$scope.$watch(function(){
return $window.innerWidth;
}, function(value) {
if (value <= 641) {
logger.info('!!!less than 641');
vm.singleColumn = true;
};
});
它会在第一次加载时登录,但是当我调整大小时,我必须在它再次触发之前进行一些点击.例如,我调整了大小,然后点击了具有ng-click行为的项目,那是唯一一次,它再次记录.
我已经阅读了一些问题,这可能是由于$ digest和$ apply？
有人可以解释我的困惑.
推荐指数
解决办法
查看次数
jQueryUI将单元格内容从表拖放到具有列索引的另一个表td
我有2个表,列数相同,每个表格单元格内有一些跨度.我正在使用jquery Ui draggable和droppable来拖放从一个表到另一个表的跨度.
$(document).ready(function() {
var ind;
$('#tblTrailer td span').draggable({
revert: "invalid",
zIndex: 100,
start: function(event, ui) {
var foo = $(ui.helper).parent(); // should return td
ind = foo.index();
$(ui.helper).css({
padding: "2.5px 5px",
border: "1px solid #ddd",
background: "#f2f2f2"
});
console.log(ind);
}
});
$('#tblTrailerBooking tr td').droppable({
accept: "#tblTrailer td span",
activeClass: "ui-state-highlight",
drop: function(ev, ui) {
$(ui.draggable).detach().css({
top: 'auto',
left: 'auto',
background: '#f3f3f3'
}).appendTo(this);
}
});
});body {
font-size: 14px;
font-family: sans-serif;
}
table {
border-collapse: collapse;
width: 100%; …推荐指数
解决办法
查看次数
在bootstrap中创建3个并排面板
如何在引导程序中并排创建3个面板？我试着用这个运气:
<div class="panel panel-default">
<div class="panel-heading">Main panel</div>
<div class="row">
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-heading">panel 1</div>
</div>
</div>
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-heading">panel 2</div>
</div>
</div>
<div class="col-sm-2">
<div class="panel panel-default">
<div class="panel-heading">panel 3</div>
</div>
</div>
</div>
</div>
</div>
结果:
Main panel
PANEL 1
PANEL 2
PANEL 3
推荐指数
解决办法
查看次数
Asp.Net Web API跨层传递用户
我正在为我的Web API服务使用基于令牌的身份验证.但我想跟踪创建,创建所有记录的信息.所以我在我的设置HttpContext.Current.User和GenericIdentityuserId AuthenticationFilter.但我不想HttpContext从我的数据层访问,因为我认为数据层不应该知道任何事情HttpContext.
那么,有没有通过图层传递用户信息而没有`HttpContext'的最佳实践？
推荐指数
解决办法
查看次数
如何将Int16Array缓冲区保存到wav文件节点js
我在音频处理时将 Int16Array 缓冲区发送到服务器
var handleSuccess = function (stream) {
globalStream = stream;
input = context.createMediaStreamSource(stream);
input.connect(processor);
processor.onaudioprocess = function (e) {
var left = e.inputBuffer.getChannelData(0);
var left16 = convertFloat32ToInt16(left);
socket.emit('binaryData', left16);
};
};
navigator.mediaDevices.getUserMedia(constraints)
.then(handleSuccess);
在服务器中我尝试保存文件如下
client.on('start-audio', function (data) {
stream = fs.createWriteStream('tesfile.wav');
});
client.on('end-audio', function (data) {
if (stream) {
stream.end();
}
stream = null;
});
client.on('binaryData', function (data) {
if (stream !== null) {
stream.write(data);
}
});
但这不起作用，那么我如何将此数组缓冲区保存为 wav 文件？
推荐指数
解决办法
查看次数
bootstrap：在响应式插入 <hr/>
我正在使用响应式 Bootstrap 框架设计一个网站。
我有 3 个彼此相邻的内容区域（水平）。如果我有一个小显示器，这两个内容位于彼此下方（典型的响应式设计）。
<hr/>现在我想在每个彼此下方的内容块之后添加一个。
<div class="row-fluid content">
<div class="span4">test1</div>
<div class="span4">test2</div>
<div class="span4">test3</div>
</div>
这是大显示屏的完整代码。
在某些显示器上，有 2 个水平块和 2 个块下方的 1 个块。然后我想<hr/>在两行之间插入 a 。
推荐指数
解决办法
查看次数
在浏览器调整大小之前,caroufredsel不可见
我在caroufredsel中遇到了一个问题,我在Asp.net Webforms中使用了一个jquery carousel插件.在我调整窗口大小之前,旋转木马不会显示.我可以在最新版本的Google Chrome和Firefox中看到这个问题.
使用Javascript
$(window).load(function() {
$("#slider").carouFredSel({
circular: true,
infinite: true,
responsive: true,
direction: "left",
width: "100%",
height: "auto",
auto: true,
align: "center",
padding:0,
items: {
visible: 2,
minimum: 2,
width: "variable",
height: "100%"
},
scroll: {
items:1,
pauseOnHover:true
}
});
});
CSS
#slider .slider-wrapper {
position:relative !important;
display: block;
padding-right: 10px;
float: left;
width:554px;
}
.... all other related to design
我在JSbin中创建副本时能够复制该问题.全屏预览在这里http://jsbin.com/uyewewo/3
推荐指数
解决办法
查看次数
当show hide bootstrap 3 offcanvas在媒体宽度> 768px时的CSS3动画
我正在使用bootstrap通用offcanvas工作正常.但是,sidebar当屏幕宽度超过768px时,我希望扩展折叠,同时在两个屏幕上使用css3同步动画div.我想要css only方法来做这个,如果css不工作,那么jquery也没关系.
这是我到目前为止尝试的,这是一个全屏视图.
因为我用width: 0;和height: 0;为#sidebarDIV,它不是很好的动画.使用现有的offcanvas方法有没有办法这样做？我不想更改HTML标记.
HTML
<!-- Navbar Tag Removed to reduce space -->
<!-- /.navbar -->
<div class="container">
<div class="row row-offcanvas row-offcanvas-left">
<div class="col-xs-8 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation">
<h4>Menu</h4>
<!-- Content Removed -->
</div>
<!--/span-->
<div class="col-xs-12 col-sm-9 col-main">
<p>
<button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Toggle
nav</button>
</p>
<div class="jumbotron">
<h1>Hello, world!</h1>
<p>This is an example to show the potential of …推荐指数
解决办法
查看次数
标签 统计
css ×7
html ×7
jquery ×4
javascript ×3
font-awesome ×2
angularjs ×1
asp.net ×1
buffer ×1
caroufredsel ×1
cdn ×1
css-float ×1
digest ×1
fonts ×1
fs ×1
glyphicons ×1
intellisense ×1
jquery-ui ×1
node.js ×1
photoshop ×1
wav ×1