相关疑难解决方法(0)

如何在bootstrap 3+中的col元素中居中图像

自从转移到Bootstrap 3以来,我一直在努力将一些图像集中在一起.以前,我会在整个col元素上使用以分页为中心的类,但现在不起作用.

另外,我已经尝试创建类img-center来使用margin:0 auto(根据这里的答案),但这也不起作用,我不确定为什么.如果有人可以指出我正确的方向,那将是伟大的.

<div class="container">
    <div class="row">
        <div class="col-md-10 col-md-offset-1">
            <div class="row">
                <div class="col-md-4">
                    <img class="img-center" src="images/chart_bw.png">
                    <h3 class="text-center">Charts & data</h3>
                    <p class="text-center">Polish your analytical skills by picking apart Marimekko, bar charts, regressions & more</p>
                </div><!-- col-md-4 -->

                <div class="col-md-4 pagination-centered">
                    <img class="img-center" src="images/calculate_bw.png">
                    <h3 class="text-center">Mental math</h3>
                    <p class="text-center">Nail your mental math by practicing on unlimited case style math problems</p>
                </div><!-- col-md-4 -->

                <div class="col-md-4 pagination-centered">
                    <img class="img-center" src="images/lightbulb_bw.png">
                    <h3 class="text-center">Case problems</h3>
                    <p class="text-center">Structure problems and compare …
Run Code Online (Sandbox Code Playgroud)

css twitter-bootstrap-3

2
推荐指数
1
解决办法
3万
查看次数

标签 统计

css ×1

twitter-bootstrap-3 ×1