Commits

Christoffer Niska  committed 0c9de2d

changed to use LESS for Yii related styles and updated the demo

  • Participants
  • Parent commits 65d09a9

Comments (0)

Files changed (4)

File assets/css/bootstrap-yii.css

-/*
-	Forms
-*/
-
-span.required {
-	color: #F00;
-}
-
-/*
-	Grid view
-*/
-
-.grid-view {
-	padding-top: 20px;
-}
-
-.grid-view-loading {
-	background: url(../img/loading.gif) no-repeat;
-}
-
-.grid-view table.items th a {
-	display: block;
-	position: relative;
-}
-
-.grid-view table.items th a .caret {
-	display: none;
-	position: absolute;
-	right: 5px;
-	top: 7px;
-}
-
-.grid-view table.items th a.asc .caret {
-	display: block;
-}
-
-.grid-view table.items th a.desc .caret {
-	border-bottom: 4px solid #000;
-	border-top: none;
-	display: block;
-}
-
-.grid-view table.items tr.selected td {
-	background: #EEE;
-}
-
-.grid-view .button-column {
-	text-align: center;
-	width: 50px;
-}
-
-.grid-view .checkbox-column {
-	width: 15px;
-}
-
-.grid-view .summary {
-	margin-bottom: 5px;
-	text-align: right;
-}
-
-.grid-view .pager {
-	margin-top: 5px;
-}
-
-.grid-view .empty {
-	font-style: italic;
-}
-
-.grid-view .filters .filter-container {
-	padding: 0 10px 0 0;
-}
-
-.grid-view .filters input,
-.grid-view .filters select {
-	margin-bottom: 0;
-	width: 100%;
-}
-
-/*
-	List view
-*/
-
-.list-view-loading {
-	background: url(../img/loading.gif) no-repeat;
-}
-
-.list-view .summary {
-	margin-bottom: 5px;
-	text-align: right;
-}
-
-.list-view .pager {
-	margin-top: 5px;
-}
-
-.list-view .sorter {
-	margin: 0 0 5px 0;
-	text-align: right;
-}
-
-.list-view .sorter ul {
-	display: inline;
-	list-style: none outside none;
-	margin: 0;
-	padding: 0;
-}
-
-.list-view .sorter li {
-	display: inline;
-	margin: 0 0 0 5px;
-	padding: 0;
-}
-
-.list-view .sorter a .caret {
-	position: absolute;
-	right: 5px;
-	top: 7px;
-}
-
-.list-view .sorter a.desc .caret {
-	border-bottom: 4px solid #000;
-	border-top: none;
-}
-
-/*
-	Detail view
-*/
-
-table.detail-view .null {
-	color: #FFC0CB;
-}
-
-table.detail-view th {
-	text-align: right;
-	width: 160px;
-}
+.clearfix { *zoom:1; }
+.clearfix:before, .clearfix:after {
+  display:table;
+  content:"";
+}
+.clearfix:after { clear:both; }
+.hide-text {
+  font:0 / 0 a;
+  color:transparent;
+  text-shadow:none;
+  background-color:transparent;
+  border:0;
+}
+.input-block-level {
+  display:block;
+  width:100%;
+  min-height:28px;
+  -webkit-box-sizing:border-box;
+  -moz-box-sizing:border-box;
+  -ms-box-sizing:border-box;
+  box-sizing:border-box;
+}
+.grid-view { padding-top:20px; }
+.grid-view table.items th a {
+  display:block;
+  position:relative;
+}
+.grid-view table.items th a .caret {
+  display:none;
+  position:absolute;
+  right:5px;
+  top:7px;
+}
+.grid-view table.items th a.asc .caret { display:block; }
+.grid-view table.items th a.desc .caret {
+  border-bottom:4px solid #000000;
+  border-top:none;
+  display:block;
+}
+.grid-view table.items tr.selected td { background:#eeeeee; }
+.grid-view .filters .filter-container { padding:0 10px 0 0; }
+.grid-view .filters input, .grid-view .filters select {
+  margin-bottom:0;
+  width:100%;
+}
+.grid-view .button-column {
+  text-align:center;
+  width:50px;
+}
+.grid-view .checkbox-column { width:15px; }
+.grid-view .summary {
+  margin-bottom:5px;
+  text-align:right;
+}
+.grid-view .pager { margin-top:5px; }
+.grid-view .empty { font-style:italic; }
+.grid-view-loading { background:url(../img/loading.gif) no-repeat; }
+.list-view .summary {
+  margin-bottom:5px;
+  text-align:right;
+}
+.list-view .pager { margin-top:5px; }
+.list-view .sorter {
+  margin:0 0 5px 0;
+  text-align:right;
+}
+.list-view .sorter ul {
+  display:inline;
+  list-style:none outside none;
+  margin:0;
+  padding:0;
+}
+.list-view .sorter li {
+  display:inline;
+  margin:0 0 0 5px;
+  padding:0;
+}
+.list-view .sorter a .caret {
+  position:absolute;
+  right:5px;
+  top:7px;
+}
+.list-view .sorter a .caret.desc .caret {
+  border-bottom:4px solid #000000;
+  border-top:none;
+}
+.list-view-loading { background:url(../img/loading.gif) no-repeat; }
+.detail-view .null { color:#ffc0cb; }
+.detail-view th {
+  text-align:right;
+  width:160px;
+}
+span.required { color:#ff0000; }
+.form-inline label.error, .form-vertical label.error { color:#b94a48; }
+.form-inline select.error, .form-inline input.error, .form-inline textarea.error, .form-vertical select.error, .form-vertical input.error, .form-vertical textarea.error {
+  border-color:#b94a48;
+  color:#b94a48;
+}
+.form-inline select.error:focus, .form-inline input.error:focus, .form-inline textarea.error:focus, .form-vertical select.error:focus, .form-vertical input.error:focus, .form-vertical textarea.error:focus {
+  border-color:#953b39;
+  -webkit-box-shadow:0 0 6px #d59392;
+  -moz-box-shadow:0 0 6px #d59392;
+  box-shadow:0 0 6px #d59392;
+}
+.form-inline .help-block.error, .form-inline .help-inline.error, .form-vertical .help-block.error, .form-vertical .help-inline.error { color:#b94a48; }

File assets/less/bootstrap-yii.less

+/*
+	Imports
+*/
+
+@import "../../lib/bootstrap/less/mixins.less";
+
+/*
+	Grid view
+*/
+
+.grid-view {
+	padding-top: 20px;
+
+	table.items {
+		th a {
+			display: block;
+			position: relative;
+
+			.caret {
+				display: none;
+				position: absolute;
+				right: 5px;
+				top: 7px;
+			}
+
+			&.asc .caret {
+				display: block;
+			}
+
+			&.desc .caret {
+				border-bottom: 4px solid #000;
+				border-top: none;
+				display: block;
+			}
+		}
+
+		tr.selected td {
+			background: #EEE;
+		}
+	}
+
+	.filters {
+		.filter-container {
+			padding: 0 10px 0 0;
+		}
+
+		input,
+		select {
+			margin-bottom: 0;
+			width: 100%;
+		}
+	}
+
+	.button-column {
+		text-align: center;
+		width: 50px;
+	}
+
+	.checkbox-column {
+		width: 15px;
+	}
+
+	.summary {
+		margin-bottom: 5px;
+		text-align: right;
+	}
+
+	.pager {
+		margin-top: 5px;
+	}
+
+	.empty {
+		font-style: italic;
+	}
+}
+
+.grid-view-loading {
+	background: url(../img/loading.gif) no-repeat;
+}
+
+/*
+	List view
+*/
+
+.list-view {
+	.summary {
+		margin-bottom: 5px;
+		text-align: right;
+	}
+
+	.pager {
+		margin-top: 5px;
+	}
+
+	.sorter {
+		margin: 0 0 5px 0;
+		text-align: right;
+
+		ul {
+			display: inline;
+			list-style: none outside none;
+			margin: 0;
+			padding: 0;
+		}
+
+		li {
+			display: inline;
+			margin: 0 0 0 5px;
+			padding: 0;
+		}
+
+		a .caret {
+			position: absolute;
+			right: 5px;
+			top: 7px;
+
+			&.desc .caret {
+				border-bottom: 4px solid #000;
+				border-top: none;
+			}
+		}
+	}
+}
+
+.list-view-loading {
+	background: url(../img/loading.gif) no-repeat;
+}
+
+/*
+	Detail view
+*/
+
+.detail-view {
+	.null {
+		color: #FFC0CB;
+	}
+
+	th {
+		text-align: right;
+		width: 160px;
+	}
+}
+
+/*
+	Form
+*/
+
+span.required {
+	color: #F00;
+}
+
+.form-inline,
+.form-vertical {
+	label.error {
+		color: #B94A48;
+	}
+
+	select.error,
+	input.error,
+	textarea.error {
+		border-color: #B94A48;
+		color: #B94A48;
+
+		&:focus {
+			border-color: #953B39;
+		    .box-shadow(0 0 6px #D59392);
+		}
+	}
+
+	.help-block.error,
+	.help-inline.error {
+		color: #B94A48;
+	}
+}

File demo/css/styles.css

-.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";}
-.clearfix:after{clear:both;}
-
-.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
-
-
-.input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
-
-
-
-.php-hl-default{color:Black;}
-.php-hl-code{color:Gray;}
-.php-hl-brackets{color:Olive;}
-.php-hl-comment{color:#808080;font-style:italic;}
-.php-hl-quotes{color:red;}
-.php-hl-string{color:Red;}
-.php-hl-identifier{color:green;}
-.php-hl-builtin{color:Teal;}
-.php-hl-reserved{color:black;font-weight:bold;}
-.php-hl-inlinedoc{color:Blue;}
-.php-hl-var{color:blue;}
-.php-hl-url{color:Blue;}
-.php-hl-special{color:Navy;}
-.php-hl-number{color:Maroon;}
-.php-hl-inlinetags{color:Blue;}
-.php-hl-main{font-family:'Courier New',Courier,monospace;font-weight:normal;font-size:12px;}
-ol.php-hl-main pre{margin:0;padding:0;}
-.php-hl-gutter{background-color:#999999;color:White;}
-.php-hl-table{font-family:courier;font-size:12px;border:solid 1px #505050;}
-.xml-hl-default{color:Black;}
-.xml-hl-code{color:Gray;}
-.xml-hl-brackets{color:Olive;}
-.xml-hl-comment{color:#808080;font-style:italic;}
-.xml-hl-quotes{color:red;}
-.xml-hl-string{color:Red;}
-.xml-hl-identifier{color:Blue;}
-.xml-hl-builtin{color:Teal;}
-.xml-hl-reserved{color:Green;}
-.xml-hl-inlinedoc{color:Blue;}
-.xml-hl-var{color:#000020;}
-.xml-hl-url{color:Blue;}
-.xml-hl-special{color:Navy;}
-.xml-hl-number{color:Maroon;}
-.xml-hl-inlinetags{color:Blue;}
-.xml-hl-main{font-family:'Courier New',Courier,monospace;font-weight:normal;}
-.xml-hl-gutter{background-color:#999999;color:White;}
-.xml-hl-table{font-family:courier;font-size:12px;border:solid 1px #505050;}
-.html-hl-default{color:Black;}
-.html-hl-code{color:Gray;}
-.html-hl-brackets{color:Olive;}
-.html-hl-comment{color:#808080;font-style:italic;}
-.html-hl-quotes{color:red;}
-.html-hl-string{color:Red;}
-.html-hl-identifier{color:Blue;}
-.html-hl-builtin{color:Teal;}
-.html-hl-reserved{color:Green;}
-.html-hl-inlinedoc{color:Blue;}
-.html-hl-var{color:#000020;}
-.html-hl-url{color:Blue;}
-.html-hl-special{color:Navy;}
-.html-hl-number{color:Maroon;}
-.html-hl-inlinetags{color:Blue;}
-.html-hl-main{font-family:'Courier New',Courier,monospace;font-weight:normal;}
-.html-hl-gutter{background-color:#999999;color:White;}
-.html-hl-table{font-family:courier;font-size:12px;border:solid 1px #505050;}
-.css-hl-default{color:Black;}
-.css-hl-code{color:Gray;}
-.css-hl-brackets{color:Olive;}
-.css-hl-comment{color:#808080;font-style:italic;}
-.css-hl-quotes{color:red;}
-.css-hl-string{color:Red;}
-.css-hl-identifier{color:Blue;}
-.css-hl-builtin{color:Teal;}
-.css-hl-reserved{color:Green;}
-.css-hl-inlinedoc{color:Blue;}
-.css-hl-var{color:#000020;}
-.css-hl-url{color:Blue;}
-.css-hl-special{color:Navy;}
-.css-hl-number{color:Maroon;}
-.css-hl-inlinetags{color:Blue;}
-.css-hl-main{font-family:'Courier New',Courier,monospace;font-weight:normal;}
-.css-hl-gutter{background-color:#999999;color:White;}
-.css-hl-table{font-family:courier;font-size:12px;border:solid 1px #505050;}
-.javascript-hl-default{color:Black;}
-.javascript-hl-code{color:Gray;}
-.javascript-hl-brackets{color:Olive;}
-.javascript-hl-comment{color:#808080;font-style:italic;}
-.javascript-hl-quotes{color:red;}
-.javascript-hl-string{color:Red;}
-.javascript-hl-identifier{color:Blue;}
-.javascript-hl-builtin{color:Teal;}
-.javascript-hl-reserved{color:Green;}
-.javascript-hl-inlinedoc{color:Blue;}
-.javascript-hl-var{color:#000020;}
-.javascript-hl-url{color:Blue;}
-.javascript-hl-special{color:Navy;}
-.javascript-hl-number{color:Maroon;}
-.javascript-hl-inlinetags{color:Blue;}
-.javascript-hl-main{font-family:'Courier New',Courier,monospace;font-weight:normal;}
-.javascript-hl-gutter{background-color:#999999;color:White;}
-.javascript-hl-table{font-family:courier;font-size:12px;border:solid 1px #505050;}
-.sql-hl-default{color:Black;}
-.sql-hl-code{color:Gray;}
-.sql-hl-brackets{color:Olive;}
-.sql-hl-comment{color:#808080;font-style:italic;}
-.sql-hl-quotes{color:red;}
-.sql-hl-string{color:Red;}
-.sql-hl-identifier{color:Blue;}
-.sql-hl-builtin{color:Teal;}
-.sql-hl-reserved{color:Green;}
-.sql-hl-inlinedoc{color:Blue;}
-.sql-hl-var{color:#000020;}
-.sql-hl-url{color:Blue;}
-.sql-hl-special{color:Navy;}
-.sql-hl-number{color:Maroon;}
-.sql-hl-inlinetags{color:Blue;}
-.sql-hl-main{font-family:'Courier New',Courier,monospace;font-weight:normal;}
-.sql-hl-gutter{background-color:#999999;color:White;}
-.sql-hl-table{font-family:courier;font-size:12px;border:solid 1px #505050;}
-.source .copycode{text-align:right;float:right;}
-.source .copycode a{cursor:pointer;color:blue;}
-.source .copycode_hover a{color:red;}
-body{padding-top:60px;padding-bottom:60px;}
-h1,h2,h3,h4,h5,h6{margin-bottom:0.6em;}
-p{font-size:14px;margin-bottom:1.6em;}
-.hero-unit h1{margin-bottom:0.4em;}
-.hero-unit p{margin-bottom:0;text-align:justify;}
-
-.navbar .add-this{margin:6px 0 6px 10px;padding:6px 0;}
-
-.subnav{font-size:12px;padding:9px 0;position:fixed;right:20px;top:60px;width:160px;z-index:1030;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.subnav .label{font-size:0.8em;line-height:16px;vertical-align:top;}
-
-footer .powered{color:#888;margin-bottom:20px;}
-footer .copy{color:#666;}
-
-span.required{color:#F00;}
-.popover h3.popover-title{margin-bottom:0;}
-section{padding-top:40px;}section a.top{display:block;text-align:right;}
-
-#bootNavbar .navbar-inner>.container{width:auto;}
-#bootMenu .menuCol{min-height:140px;}
-#bootTabbable .tabbable{margin-bottom:20px;}#bootTabbable .tabbable .tab-content{width:auto;}
-#bootTabbable .tabbable.tabbable-placed{width:340px;}
-
-#bootThumbnails .list-view{padding-top:30px;}
-#bootActiveForm .form-vertical .control-group>label{font-weight:bold;}
-#bootHero .hero-unit{width:650px;}#bootHero .hero-unit h1{margin-bottom:0;}
-#bootHero .hero-unit p{margin-bottom:9px;}#bootHero .hero-unit p:last-child{margin-bottom:0;}
-
-
-#bootCarousel .carousel{width:770px;}#bootCarousel .carousel .carousel-caption p{margin-bottom:9px;}
-
-#bootTypeahead input{margin-bottom:0;}
-.php-hl-main,.html-hl-main,.javascript-hl-main{margin-bottom:20px;}.php-hl-main pre,.html-hl-main pre,.javascript-hl-main pre{background:#FCFCFC;border-color:#EEE transparent #EEE;font-family:"Menlo","Consolas","Courier New",Courier,mono;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
-
-.maintenance .hero-unit{text-align:center;}.maintenance .hero-unit p{text-align:inherit;}
-
-@media (max-width: 980px){body{padding-top:0px;}}
+.clearfix { *zoom:1; }
+.clearfix:before, .clearfix:after {
+  display:table;
+  content:"";
+}
+.clearfix:after { clear:both; }
+.hide-text {
+  font:0 / 0 a;
+  color:transparent;
+  text-shadow:none;
+  background-color:transparent;
+  border:0;
+}
+.input-block-level {
+  display:block;
+  width:100%;
+  min-height:28px;
+  -webkit-box-sizing:border-box;
+  -moz-box-sizing:border-box;
+  -ms-box-sizing:border-box;
+  box-sizing:border-box;
+}
+.php-hl-default { color:Black; }
+.php-hl-code { color:Gray; }
+.php-hl-brackets { color:Olive; }
+.php-hl-comment {
+  color:#808080;
+  font-style:italic;
+}
+.php-hl-quotes { color:red; }
+.php-hl-string { color:Red; }
+.php-hl-identifier { color:green; }
+.php-hl-builtin { color:Teal; }
+.php-hl-reserved {
+  color:black;
+  font-weight:bold;
+}
+.php-hl-inlinedoc { color:Blue; }
+.php-hl-var { color:blue; }
+.php-hl-url { color:Blue; }
+.php-hl-special { color:Navy; }
+.php-hl-number { color:Maroon; }
+.php-hl-inlinetags { color:Blue; }
+.php-hl-main {
+  font-family:'Courier New', Courier, monospace;
+  font-weight:normal;
+  font-size:12px;
+}
+ol.php-hl-main pre {
+  margin:0;
+  padding:0;
+}
+.php-hl-gutter {
+  background-color:#999999;
+  color:White;
+}
+.php-hl-table {
+  font-family:courier;
+  font-size:12px;
+  border:solid 1px #505050;
+}
+.xml-hl-default { color:Black; }
+.xml-hl-code { color:Gray; }
+.xml-hl-brackets { color:Olive; }
+.xml-hl-comment {
+  color:#808080;
+  font-style:italic;
+}
+.xml-hl-quotes { color:red; }
+.xml-hl-string { color:Red; }
+.xml-hl-identifier { color:Blue; }
+.xml-hl-builtin { color:Teal; }
+.xml-hl-reserved { color:Green; }
+.xml-hl-inlinedoc { color:Blue; }
+.xml-hl-var { color:#000020; }
+.xml-hl-url { color:Blue; }
+.xml-hl-special { color:Navy; }
+.xml-hl-number { color:Maroon; }
+.xml-hl-inlinetags { color:Blue; }
+.xml-hl-main {
+  font-family:'Courier New', Courier, monospace;
+  font-weight:normal;
+}
+.xml-hl-gutter {
+  background-color:#999999;
+  color:White;
+}
+.xml-hl-table {
+  font-family:courier;
+  font-size:12px;
+  border:solid 1px #505050;
+}
+.html-hl-default { color:Black; }
+.html-hl-code { color:Gray; }
+.html-hl-brackets { color:Olive; }
+.html-hl-comment {
+  color:#808080;
+  font-style:italic;
+}
+.html-hl-quotes { color:red; }
+.html-hl-string { color:Red; }
+.html-hl-identifier { color:Blue; }
+.html-hl-builtin { color:Teal; }
+.html-hl-reserved { color:Green; }
+.html-hl-inlinedoc { color:Blue; }
+.html-hl-var { color:#000020; }
+.html-hl-url { color:Blue; }
+.html-hl-special { color:Navy; }
+.html-hl-number { color:Maroon; }
+.html-hl-inlinetags { color:Blue; }
+.html-hl-main {
+  font-family:'Courier New', Courier, monospace;
+  font-weight:normal;
+}
+.html-hl-gutter {
+  background-color:#999999;
+  color:White;
+}
+.html-hl-table {
+  font-family:courier;
+  font-size:12px;
+  border:solid 1px #505050;
+}
+.css-hl-default { color:Black; }
+.css-hl-code { color:Gray; }
+.css-hl-brackets { color:Olive; }
+.css-hl-comment {
+  color:#808080;
+  font-style:italic;
+}
+.css-hl-quotes { color:red; }
+.css-hl-string { color:Red; }
+.css-hl-identifier { color:Blue; }
+.css-hl-builtin { color:Teal; }
+.css-hl-reserved { color:Green; }
+.css-hl-inlinedoc { color:Blue; }
+.css-hl-var { color:#000020; }
+.css-hl-url { color:Blue; }
+.css-hl-special { color:Navy; }
+.css-hl-number { color:Maroon; }
+.css-hl-inlinetags { color:Blue; }
+.css-hl-main {
+  font-family:'Courier New', Courier, monospace;
+  font-weight:normal;
+}
+.css-hl-gutter {
+  background-color:#999999;
+  color:White;
+}
+.css-hl-table {
+  font-family:courier;
+  font-size:12px;
+  border:solid 1px #505050;
+}
+.javascript-hl-default { color:Black; }
+.javascript-hl-code { color:Gray; }
+.javascript-hl-brackets { color:Olive; }
+.javascript-hl-comment {
+  color:#808080;
+  font-style:italic;
+}
+.javascript-hl-quotes { color:red; }
+.javascript-hl-string { color:Red; }
+.javascript-hl-identifier { color:Blue; }
+.javascript-hl-builtin { color:Teal; }
+.javascript-hl-reserved { color:Green; }
+.javascript-hl-inlinedoc { color:Blue; }
+.javascript-hl-var { color:#000020; }
+.javascript-hl-url { color:Blue; }
+.javascript-hl-special { color:Navy; }
+.javascript-hl-number { color:Maroon; }
+.javascript-hl-inlinetags { color:Blue; }
+.javascript-hl-main {
+  font-family:'Courier New', Courier, monospace;
+  font-weight:normal;
+}
+.javascript-hl-gutter {
+  background-color:#999999;
+  color:White;
+}
+.javascript-hl-table {
+  font-family:courier;
+  font-size:12px;
+  border:solid 1px #505050;
+}
+.sql-hl-default { color:Black; }
+.sql-hl-code { color:Gray; }
+.sql-hl-brackets { color:Olive; }
+.sql-hl-comment {
+  color:#808080;
+  font-style:italic;
+}
+.sql-hl-quotes { color:red; }
+.sql-hl-string { color:Red; }
+.sql-hl-identifier { color:Blue; }
+.sql-hl-builtin { color:Teal; }
+.sql-hl-reserved { color:Green; }
+.sql-hl-inlinedoc { color:Blue; }
+.sql-hl-var { color:#000020; }
+.sql-hl-url { color:Blue; }
+.sql-hl-special { color:Navy; }
+.sql-hl-number { color:Maroon; }
+.sql-hl-inlinetags { color:Blue; }
+.sql-hl-main {
+  font-family:'Courier New', Courier, monospace;
+  font-weight:normal;
+}
+.sql-hl-gutter {
+  background-color:#999999;
+  color:White;
+}
+.sql-hl-table {
+  font-family:courier;
+  font-size:12px;
+  border:solid 1px #505050;
+}
+.source .copycode {
+  text-align:right;
+  float:right;
+}
+.source .copycode a {
+  cursor:pointer;
+  color:blue;
+}
+.source .copycode_hover a { color:red; }
+body {
+  padding-top:60px;
+  padding-bottom:60px;
+}
+h1, h2, h3, h4, h5, h6 { margin-bottom:0.6em; }
+p {
+  font-size:14px;
+  margin-bottom:1.6em;
+}
+.hero-unit h1 { margin-bottom:0.4em; }
+.hero-unit p {
+  margin-bottom:0;
+  text-align:justify;
+}
+.navbar .add-this {
+  margin:6px 0 6px 10px;
+  padding:6px 0;
+}
+.subnav {
+  font-size:12px;
+  padding:9px 0;
+  position:fixed;
+  right:20px;
+  top:60px;
+  width:160px;
+  z-index:1030;
+  -webkit-border-radius:4px;
+  -moz-border-radius:4px;
+  border-radius:4px;
+}
+.subnav .label {
+  font-size:0.8em;
+  line-height:16px;
+  vertical-align:top;
+}
+footer .powered {
+  color:#888888;
+  margin-bottom:20px;
+}
+footer .copy { color:#666666; }
+span.required { color:#ff0000; }
+.popover h3.popover-title { margin-bottom:0; }
+section { padding-top:40px; }
+section a.top {
+  display:block;
+  text-align:right;
+}
+#bootNavbar .navbar-inner > .container { width:auto; }
+#bootMenu .menuCol { min-height:140px; }
+#bootTabbable .tabbable { margin-bottom:20px; }
+#bootTabbable .tabbable .tab-content { width:auto; }
+#bootTabbable .tabbable.tabbable-placed { width:340px; }
+#bootThumbnails .list-view { padding-top:30px; }
+#bootActiveForm .form-vertical .control-group > label { font-weight:bold; }
+#bootHero .hero-unit { width:650px; }
+#bootHero .hero-unit h1 { margin-bottom:0; }
+#bootHero .hero-unit p { margin-bottom:9px; }
+#bootHero .hero-unit p:last-child { margin-bottom:0; }
+#bootCarousel .carousel { width:770px; }
+#bootCarousel .carousel .carousel-caption p { margin-bottom:9px; }
+#bootTypeahead input { margin-bottom:0; }
+.php-hl-main, .html-hl-main, .javascript-hl-main { margin-bottom:20px; }
+.php-hl-main pre, .html-hl-main pre, .javascript-hl-main pre {
+  background:#fcfcfc;
+  border-color:#eeeeee transparent #eeeeee;
+  font-family:"Menlo", "Consolas", "Courier New", Courier, mono;
+  -webkit-border-radius:0;
+  -moz-border-radius:0;
+  border-radius:0;
+}
+.maintenance .hero-unit { text-align:center; }
+.maintenance .hero-unit p { text-align:inherit; }
+@media (max-width: 980px) {
+  body { padding-top:0px; }
+}

File demo/protected/views/site/index.php

 	<h2>Breadcrumbs</h2>
 
 	<?php $this->widget('bootstrap.widgets.BootBreadcrumbs', array(
+		'links'=>array(),
+	)); ?>
+
+	<?php $this->widget('bootstrap.widgets.BootBreadcrumbs', array(
+		'links'=>array('Library'),
+	)); ?>
+
+	<?php $this->widget('bootstrap.widgets.BootBreadcrumbs', array(
 		'links'=>array('Library'=>'#', 'Data'),
 	)); ?>
 
 		'dataProvider'=>$listDataProvider,
 		'template'=>"{items}\n{pager}",
 		'itemView'=>'_thumb',
-		// Remove the existing tooltips and rebind the plugin after each ajax-call.
-		'afterAjaxUpdate'=>"js:function() {
-			jQuery('.tooltip').remove();
-			jQuery('a[rel=tooltip]').tooltip();
-		}",
 	)); ?>
 
 	<h4>Source code</h4>
 </div>
 
 <div class=\"modal-body\">
-	<p>One fine body</p>
+	<p>One fine body...</p>
 </div>
 
 <div class=\"modal-footer\">