块互相浮动。引导

时间:2018-03-31 02:36:11

标签: html css twitter-bootstrap

美好的一天。请告诉我。教django,并采取模板html,css,js。使用了bootstrap。很少有人适应我自己。他曾在17岁以上的时间里工作过。监控。实际上,当21'监视器开始看时,这些块会相互碰撞。此外,在15 6,通过电话一切都井然有序。试图除col-sm之外的属性为col-lg - 结果没有。请告诉我,我该如何解决这个问题。

应该是 - https://i.stack.imgur.com/usEMI.png

它是如何发生的 - https://i.stack.imgur.com/UvUfX.png

右侧边栏代码:

<div class="col-md-9 col-lg-9">
    <div class="col-md-12 col-lg-12 page-body">
        <div class="row">
          <div class="sub-title">
              <h2>Some Notes</h2>
              <a href="джанго код"><i class="icon-envelope"></i></a>
          </div>
            <div class="col-md-12 col-lg-12 content-page">
            <div class="col-md-12 col-lg-12 blog-post">
               <div class="post-title">
                     <a href="джанго код"><h1>джанго код</h1></a>
               </div>
               <div class="post-info">
                     <span>джанго код / by <a href="#" target="_blank">джанго код</a></span>
               </div>
               <p style="word-break: break-all"> джанго код</p>
               <a href="джанго код" class="button button-style button-anim fa fa-long-arrow-right"><span>Read More</span></a>
            </div>
                <div class="col-md-12 col-lg-12 text-center">
                    <a href="javascript:void(0)" id="load-more-post" class="load-more-button">Load</a>
                    <div id="post-end-message"></div>
                </div>
            </div>
        </div>

左侧边栏代码:

<div id="main">

    

  <!-- about(left sidebar) -->
  <div class ="col-md-3 col-lg-3">
   <div class="about-fixed">
    <div class="my-pic">
     <img src="{% static 'images/pic/av-pic.png' %}" alt="av-pic">
    </div>

  <div class="my-detail">
     <div class="white-spacing">
        <h1></h1>
           <span>Learning Web Development</span>
     </div>
        <ul class="social-icon">
            <li><a href="" target="_blank" class="github"><i class="fa fa-github"></i></a></li>
            <li><a href="" target="_blank" class="vk"><i class="fa fa-vk"></i></a></li>
         </ul>
  </div>

P.S。抱歉英语。

0 个答案:

没有答案