引导网格无法正常工作答案

【问题标题】：Bootstrap grid not working properly rails引导网格无法正常工作
【发布时间】：2014-02-28 00:33:41
【问题描述】：

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

我的样式表是空的，我的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

在搜索小提琴后进行编辑，似乎引导程序没有设置 css 中的任何列。有人吗？

【问题讨论】：

标签： css ruby-on-rails ruby twitter-bootstrap twitter-bootstrap-rails

【解决方案1】：

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

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

您可能需要参考 Bootstrap-sass gem 来安装 bootstrap 3。

【讨论】：