الأربعاء، 22 أبريل، 2015

col-md-3

col-md-3
Custom content Columns

<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Page header</title>
    <link href="css/bootstrap.min.css" rel="stylesheet" />
</head>

<body>
    <nav class="navbar navbar-inverse navbar-static-top" role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <!--Logo-->
                <a class="navbar-brand" href="#">::Logo::</a>

                <!--Group-->
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#Group-better">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>

            <div class="collapse navbar-collapse" id="Group-better">
                <ul class="nav navbar-nav">
                    <li><a href="#">Home</a></li>
                    <li><a href="http:\\www.naderkhaled.blogspot.com">Blog</a></li>
                    <li><a href="#">Contact Us</a></li>
                </ul>

            </div>
        </div>
    </nav>

    <!--Columns-->
    <div class="container">
        <h3>Health article</h3>

            <div class="col-md-3">
        <p>
                Measles Vaccine Not Linked with Autism, Even in High-Risk Kids Another study has found no link between autism and the vaccine against measles,
                mumps and rubella (called the MMR vaccine). This time, the finding comes from a study of children at high risk of developing autism.
                Although numerous studies have shown that vaccines do not cause autism, some parents still believe that vaccines and autism are related,
        </p>
    </div>

    <div class="col-md-3">
        <p>
            and thus choose to not vaccinate their kids, researchers say. In the new study,
            researchers examined health data and vaccination records of about 96,000 children who all had older siblings.
    </div>

    <div class="col-md-3">
        <p>
            The researchers found that there was no link between receiving the MMR vaccine and developing autism, even for the children who had an increased
            risk of autism because their older siblings had been diagnosed with the condition. Other studies have shown that having an older sibling with autism
        </p>
    </div>

    <div class="col-md-3">
        <p>
            is a risk factor for developing the condition.The researchers wanted to look at more data on the MMR vaccine and autism risk because
            "despite the research that shows no link between the MMR vaccine [and autism], parents continue to believe that the vaccine is contributing
            to autism," said study author Dr. Anjali Jain, of The Lewin Group, a health care consulting firm in Falls Church, Virginia. "Parents who already
            have a child with autism seem especially prone to this belief," Jain added.
        </p>
    </div>


    <script src="js\jquery-1.11.2.min.js"></script>
    <script src="js\bootstrap.min.js"></script>
</body>
</html>



col-md-4 Custom content Columns

col-md-4 
Custom content Columns

<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Page header</title>
    <link href="css/bootstrap.min.css" rel="stylesheet" />
</head>

<body>
    <nav class="navbar navbar-inverse navbar-static-top" role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <!--Logo-->
                <a class="navbar-brand" href="#">::Logo::</a>

                <!--Group-->
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#Group-better">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>

            <div class="collapse navbar-collapse" id="Group-better">
                <ul class="nav navbar-nav">
                    <li><a href="#">Home</a></li>
                    <li><a href="http:\\www.naderkhaled.blogspot.com">Blog</a></li>
                    <li><a href="#">Contact Us</a></li>

                    <!--dropdown-->
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="#">Link1</a></li>
                            <li><a href="#">Link1</a></li>
                            <li><a href="#">Link2</a></li>
                            <li class="divider"></li>
                            <li><a href="#">Separated link</a></li>
                            <li class="divider"></li>
                            <li><a href="#">One more separated link</a></li>
                        </ul>
                    </li>
                </ul>

            </div>
        </div>
    </nav>

    <!--Columns-->
    <div class="container">

            <div class="col-md-4">
        <p>
                Measles Vaccine Not Linked with Autism, Even in High-Risk Kids Another study has found no link between autism and the vaccine against measles,
                mumps and rubella (called the MMR vaccine). This time, the finding comes from a study of children at high risk of developing autism.
                Although numerous studies have shown that vaccines do not cause autism, some parents still believe that vaccines and autism are related,
        </p>
    </div>

    <div class="col-md-4">
        <p>
            and thus choose to not vaccinate their kids, researchers say. In the new study,
            researchers examined health data and vaccination records of about 96,000 children who all had older siblings.
            The researchers found that there was no link between receiving the MMR vaccine and developing autism, even for the children who had an increased
            risk of autism because their older siblings had been diagnosed with the condition. Other studies have shown that having an older sibling with autism
        </p>
    </div>
    <div class="col-md-4">
        <p>
            is a risk factor for developing the condition.The researchers wanted to look at more data on the MMR vaccine and autism risk because
            "despite the research that shows no link between the MMR vaccine [and autism], parents continue to believe that the vaccine is contributing
            to autism," said study author Dr. Anjali Jain, of The Lewin Group, a health care consulting firm in Falls Church, Virginia. "Parents who already
            have a child with autism seem especially prone to this belief," Jain added.
        </p>
    </div>


    <script src="js\jquery-1.11.2.min.js"></script>
    <script src="js\bootstrap.min.js"></script>
</body>
</html>