图像没有使用bootstrap正确占用列

时间:2016-02-10 18:52:58

标签: html css twitter-bootstrap-3

我看不出有什么问题。在小型显示器和更高的显示器上,每个图像应该占4个而且只有XS显示器每个图像应该占用12列,这意味着每个图像每次占用一个新行,但它没有这样做。

private IDataReader MockIDataReader()
{
    var moq = new Mock<IDataReader>();
    moq.SetupSequence( x => x.Read() )
       .Returns( true );
       .Returns( false );
    moq.SetupGet<object>( x => x["Char"] ).Returns( 'C' );

    return moq.Object; 
}

1 个答案:

答案 0 :(得分:0)

这应该会改变你的行大小;

<div class="row col-xs-12 col-sm-4 col-lg-4 col-md-4">

这应该会改变相应行内的按钮大小;

<button type="button" class="thumbnail ssbutton col-xs-12 col-sm-4 col-lg-4 col-md-4">

这应该会改变相应按钮内的图像大小;

<img src="images/matchingpairs.jpg" alt="Super Shapes" class = "col-xs-12 col-sm-4 col-lg-4 col-md-4" />

或者您可以创建自己的CSS类来调整图像大小,并将此类名称作为类属性提供给每个图像。

我希望这会有所帮助。

Cagri