需要帮助改变twitter bootstrap span的大小

时间:2013-10-02 12:34:26

标签: html css twitter-bootstrap

我需要帮助改变twitter bootstrap span的大小。 这是我需要帮助的页面,

http://2click4.com/trender/

右侧面板需要触摸屏幕的一侧,此时它需要90%左右。

我不知道怎么做,因为我刚开始使用它。

3 个答案:

答案 0 :(得分:1)

您正在使用班级container-fluid,它本身会为您的跨度提供20px的左侧填充。 所以,解决它。 执行以下步骤:

  • 从您的范围中删除margin-left : -16px
  • pading-left : 20px移除container-fluid或用padding-left: 0px覆盖{.1}。

答案 1 :(得分:0)

你使用spanX类的boostrap,它的存在与网格成比例。 在你的情况下,我不会使用它,并添加我自己的类逻辑。

但是,如果要自定义span3和span9类,可以执行以下操作:

.row-fluid .span3,
.row-fluid .span9 {
    margin-left: 0;
}

.row-fluid .span3 {
    width: 25%;
}

.row-fluid .span9 {
    width: 75%;
}

请注意,它会修改.row-fluid中的所有span3和span9。 我不建议按原样使用它。

答案 2 :(得分:0)

删除.container-fluid { padding-right: 20px;}它将解决您的问题