我有很多时间创建一个与我当前的bootstrap轮播齐平的侧边栏.这是我当前网站的样子:
http://i.imgur.com/lwEox4a.png
这是我在用户点击媒体对象按钮后想要实现的目标:
http://i.imgur.com/nbNVDLy.png
我一直试图这样做一段时间,侧边栏总是最终向下移动图片,在箭头顶部,或完全在旋转木马后面.有人可以帮忙或给我一个实现此目的的模板吗？
这也是一个单一的设计,所以如果你也知道侧边栏基本上保持冻结在页面左侧的方式,无论你在哪个网站,请告诉我!
谢谢
编辑:网站,materializecss,是我的目标.我甚至不关心媒体对象按钮.
编辑2:所以我正在使用这个轮播和这个单页模板
http://startbootstrap.com/template-overviews/full-slider/ http://startbootstrap.com/template-overviews/scrolling-nav/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title></title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/full-slider.css" rel="stylesheet">
<link href="css/scrolling-nav.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.1.3/css/jasny-bootstrap.min.css" rel="stylesheet"/>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page …