Bootstrap网格无法正常工作

Question

我正在尝试使用rails和bootstrap-sass gem创建我的投资组合网站，我似乎无法使列布局工作。

这是一个小提琴：http://jsfiddle.net/thyat/

我的样式表是空的，我的haml代码是

!!!
%html
  %head
    %title #{ full_title(yield(:title))}
    = stylesheet_link_tag    :application, :media => "all", "data-turbolinks-track" => true
    = javascript_include_tag :application, "data-turbolinks-track" => true
    = csrf_meta_tags
    %meta{ "http-equiv" => "Content-Type", :content => "text/html; charset=utf-8" }
    = render 'layouts/shim'
  %body
    .container
      = render 'layouts/header'    

      = yield    

      = render 'layouts/footer'    

标题布局

.row 
  %header
    .col-lg-2.col-md-2.logo-image
      = image_tag  'https://s3-us-west-2.amazonaws.com/mikaimages/star.png', alt: 'Eight fold star'
    .col-lg-4.col-md-4.logo-text
      %p Mika
      %p Kalathil    

    %nav.col-lg-6.col-md-6

在搜索小提琴后进行编辑似乎没有通过bootstrap设置css中的列。任何人吗？

Answer 1

根据您的小提琴，您的HTML基于Bootstrap 3进行编码。 （参考col-md-2等）

但是，您的CSS似乎基于bootstrap 2.3.1。语法不同。 Bootstrap 2.3.1使用span2代替。

您可能想要引用Bootstrap-sass gem来安装bootstrap 3。